feat: better separation to know the active page

frectonz · Jun 23, 2024 · a83758b · a83758b
1 parent 4c49354
commit a83758b
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/ui/src/routes/__root.tsx b/ui/src/routes/__root.tsx
@@ -45,19 +45,19 @@ export function Root() {
             </Link>
             <Link
               to="/"
-              className="[&.active]:text-primary uppercase text-[14px]  text-muted-foreground transition-colors hover:text-foreground"
+              className="[&.active]:text-primary [&.active]:font-extrabold uppercase text-[14px]  text-muted-foreground transition-colors hover:text-foreground"
             >
               Overview
             </Link>
             <Link
               to="/tables"
-              className="[&.active]:text-primary uppercase  text-[14px] text-muted-foreground transition-colors hover:text-foreground"
+              className="[&.active]:text-primary [&.active]:font-extrabold uppercase  text-[14px] text-muted-foreground transition-colors hover:text-foreground"
             >
               Tables
             </Link>
             <Link
               to="/query"
-              className="[&.active]:text-primary text-[14px] uppercase text-muted-foreground transition-colors hover:text-foreground"
+              className="[&.active]:text-primary [&.active]:font-extrabold text-[14px] uppercase text-muted-foreground transition-colors hover:text-foreground"
             >
               Query
             </Link>
@@ -141,23 +141,23 @@ function MobileNav() {
           <DropdownMenuItem asChild>
             <Link
               to="/"
-              className="[&.active]:text-primary text-[14px] uppercase text-muted-foreground transition-colors hover:text-foreground"
+              className="[&.active]:text-primary [&.active]:font-extrabold text-[14px] uppercase text-muted-foreground transition-colors [&.active]:hover:text-accent-foreground"
             >
               Overview
             </Link>
           </DropdownMenuItem>
           <DropdownMenuItem asChild>
             <Link
               to="/tables"
-              className="[&.active]:text-primary text-[14px] uppercase text-muted-foreground transition-colors hover:text-foreground"
+              className="[&.active]:text-primary [&.active]:font-extrabold text-[14px] uppercase text-muted-foreground transition-colors [&.active]:hover:text-accent-foreground"
             >
               Tables
             </Link>
           </DropdownMenuItem>
           <DropdownMenuItem asChild>
             <Link
               to="/query"
-              className="[&.active]:text-primary text-[14px] uppercase text-muted-foreground transition-colors hover:text-foreground"
+              className="[&.active]:text-primary [&.active]:font-extrabold text-[14px] uppercase text-muted-foreground transition-colors [&.active]:hover:text-accent-foreground"
             >
               Query
             </Link>