shiyue/kan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: tweak nav styling for light mode

Browse Source
This commit is contained in:
Henry
2025-07-23 21:57:55 +01:00
parent 74a0dc2fc0
commit e3b25abccb
1 changed files with 4 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
apps/web/src/components/ReactiveButton.tsx
View File

@@ -5,10 +5,6 @@ import { twMerge } from "tailwind-merge";
import LottieIcon from "~/components/LottieIcon"; import LottieIcon from "~/components/LottieIcon";
import { useIsMobile } from "~/hooks/useMediaQuery"; import { useIsMobile } from "~/hooks/useMediaQuery";
function classNames(...classes: string[]): string {
return classes.filter(Boolean).join(" ");
}
const Button: React.FC<{ const Button: React.FC<{
href: string; href: string;
current: boolean; current: boolean;
@@ -37,11 +33,11 @@ const Button: React.FC<{
href={href} href={href}
onMouseEnter={handleMouseEnter} onMouseEnter={handleMouseEnter}
onClick={handleClick} onClick={handleClick}
className={classNames( className={twMerge(
"group flex h-[34px] items-center rounded-md p-1.5 text-sm font-normal leading-6 text-neutral-900 hover:bg-light-200 dark:hover:bg-dark-200 dark:hover:text-dark-1000", "group flex h-[34px] items-center rounded-md p-1.5 text-sm font-normal leading-6 hover:bg-light-200 hover:text-light-1000 dark:hover:bg-dark-200 dark:hover:text-dark-1000",
current current
? "bg-light-200 dark:bg-dark-200 dark:text-dark-1000" ? "bg-light-200 text-light-1000 dark:bg-dark-200 dark:text-dark-1000"
: "dark:bg-dark-100 dark:text-dark-900", : "text-neutral-600 dark:bg-dark-100 dark:text-dark-900",
isCollapsed isCollapsed
? "justify-start gap-x-3 md:justify-center md:gap-x-0" ? "justify-start gap-x-3 md:justify-center md:gap-x-0"
: "gap-x-3", : "gap-x-3",