consistency between clickable elements

GunnWATT · Sep 16, 2024 · dd05574 · dd05574
1 parent b52d97d
commit dd05574
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/client/src/components/lists/PillClubComponent.tsx b/client/src/components/lists/PillClubComponent.tsx
@@ -9,7 +9,7 @@ export default function PillClubComponent(props: Club & {id: string}) {
 
     return (
         <>
-            <span className="text-sm truncate cursor-pointer px-2.5 py-1 text-secondary rounded-full bg-black/5 dark:bg-black/20 hover:bg-black/10 dark:hover:bg-black/40 transition duration-75" onClick={() => setModal(true)}>
+            <span className="text-sm truncate cursor-pointer px-2.5 py-1 text-secondary rounded-full bg-black/10 dark:bg-black/20 hover:bg-black/20 dark:hover:bg-black/30 transition duration-75" onClick={() => setModal(true)}>
                 {name}
             </span>
             <ClubComponentModal {...props} isOpen={modal} setIsOpen={setModal} />

diff --git a/client/src/components/schedule/Period.tsx b/client/src/components/schedule/Period.tsx
@@ -53,7 +53,7 @@ export default function Period(props: PeriodProps) {
         <>
             <h2 className="text-xl break-words min-w-0">
                 {id ? (
-                    <a href={`https://pausd.schoology.com/course/${id}`} className="text-black dark:text-white" target="__blank">
+                    <a href={`https://pausd.schoology.com/course/${id}`} className="text-inherit" target="_blank">
                         {name}
                     </a>
                 ) : name}
@@ -80,7 +80,7 @@ export default function Period(props: PeriodProps) {
                     {({open}) => (<>
                         <Disclosure.Button className="flex flex-wrap gap-2 items-center mb-2">
                             {header}
-                            <FiChevronDown className={'h-6 w-6 rounded-full p-1 bg-black/10 dark:bg-black/20' + (open ? ' rotate-180' : '')} />
+                            <FiChevronDown className={'h-6 w-6 rounded-full p-1 bg-black/10 dark:bg-black/20 hover:bg-black/20 dark:hover:bg-black/30' + (open ? ' rotate-180' : '')} />
                         </Disclosure.Button>
                         <Disclosure.Panel className="text-secondary bg-black/10 dark:bg-black/20 rounded text-md p-2 -mx-2 mb-2 whitespace-pre-wrap">
                             {note}
@@ -109,7 +109,7 @@ export default function Period(props: PeriodProps) {
                 </div>
             )}
 
-            <button className={`mt-2 w-full md:w-fit md:absolute right-5 top-0 bottom-${duration.contains(now) ? '8' : '0'} md:my-auto md:h-fit bg-black/10 dark:bg-black/20 px-3.5 py-1.5 rounded-md`}>
+            <button className={`mt-2 w-full px-3.5 py-1.5 rounded-md md:w-fit md:absolute right-5 top-0 ${duration.contains(now) ? 'bottom-8' : 'bottom-0'} md:my-auto md:h-fit bg-black/10 dark:bg-black/20 hover:bg-black/20 dark:hover:bg-black/30 transition duration-75`}>
                 Action
             </button>
         </div>