more...

Author: alindt

src/modules/common-table-rows/ActiveInactiveRow.tsx

@@ -42,7 +42,10 @@ export default function ActiveInactiveRow({
           />
           <div className={"flex flex-col min-w-0"}>
             <div
-              className={"font-medium flex gap-2 items-center justify-center"}
+              className={cn(
+                "font-medium flex gap-2 items-center justify-center",
+                "text-gray-800 dark:text-white group-hover:text-neutral-100",
+              )}
             >
               <TextWithTooltip text={text as string} maxChars={25} />
               {additionalInfo}

src/modules/dns-nameservers/table/NameserverNameCell.tsx

@@ -11,7 +11,7 @@ export default function NameserverNameCell({ ns }: Props) {
     <div className={"flex min-w-[270px] max-w-[270px]"}>
       <div
         className={
-          "flex items-center gap-2 dark:text-neutral-300 text-neutral-500 transition-all hover:text-neutral-100 hover:bg-nb-gray-800/60 py-2 px-3 rounded-md cursor-pointer"
+          "group flex items-center gap-2 dark:text-neutral-300 text-neutral-500 transition-all hover:bg-nb-gray-800/60 py-2 px-3 rounded-md cursor-pointer"
         }
       >
         <ActiveInactiveRow

src/modules/networks/misc/NetworkInformationSquare.tsx

@@ -22,7 +22,7 @@ export const NetworkInformationSquare = ({
       className={cn(
         "flex w-full items-center max-w-[300px] gap-4 text-neutral-500 dark:text-neutral-300 transition-all group/network rounded-md",
         onClick
-          ? "hover:text-neutral-100 hover:bg-nb-gray-800/60 cursor-pointer py-2 pl-3 pr-5 relative"
+          ? "hover:bg-nb-gray-800/60 cursor-pointer py-2 pl-3 pr-5 relative"
           : "cursor-default",
       )}
       onClick={onClick}
@@ -54,6 +54,7 @@ export const NetworkInformationSquare = ({
         <TruncatedText
           className={cn(
             "font-medium text-gray-800 dark:text-white text-left",
+            "group-hover/network:text-neutral-100",
             size == "md" ? "text-sm" : "text-xl leading-none mb-0.5",
           )}
           maxChars={24}

src/modules/peers/PeerNameCell.tsx

@@ -27,9 +27,9 @@ export default function PeerNameCell({ peer, linkToPeer = true }: Props) {
     <div>
       <div
         className={cn(
-          "flex items-center max-w-[300px] gap-2 dark:text-neutral-300 text-neutral-500 transition-all py-2 px-3 rounded-md ",
+          "group flex items-center max-w-[300px] gap-2 dark:text-neutral-300 text-neutral-500 transition-all py-2 px-3 rounded-md ",
           linkToPeer &&
-            "hover:text-neutral-100 hover:bg-nb-gray-800/60 cursor-pointer",
+            "hover:bg-nb-gray-800/60 cursor-pointer",
         )}
         data-testid="peer-name-cell"
         aria-label={`View details of peer ${peer.name}`}