root/nezha_dash
1
0
Fork 0
mirror of https://github.com/hamster1963/nezha-dash.git synced 2025-04-24 21:10:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

style: dropdown text display

Browse Source
This commit is contained in:
hamster1963 2025-01-04 00:28:50 +08:00
parent 6bc7e0de0e
commit cc97147270
3 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/LanguageSwitcher.tsx
View File

@ -41,7 +41,7 @@ export function LanguageSwitcher() {
onSelect={(e) => handleSelect(e, item.code)} onSelect={(e) => handleSelect(e, item.code)}
className={cn( className={cn(
{ {
"bg-muted gap-3": locale === item.code, "bg-muted gap-3 font-semibold": locale === item.code,
}, },
{ {
"rounded-t-[5px]": index === localeItems.length - 1, "rounded-t-[5px]": index === localeItems.length - 1,

6
components/ThemeSwitcher.tsx
View File

@ -37,19 +37,19 @@ export function ModeToggle() {
</DropdownMenuTrigger> </DropdownMenuTrigger>
<DropdownMenuContent className="flex flex-col gap-0.5" align="end"> <DropdownMenuContent className="flex flex-col gap-0.5" align="end">
<DropdownMenuItem <DropdownMenuItem
className={cn("rounded-b-[5px]", { "gap-3 bg-muted": theme === "light" })} className={cn("rounded-b-[5px]", { "gap-3 bg-muted font-semibold": theme === "light" })}
onSelect={(e) => handleSelect(e, "light")} onSelect={(e) => handleSelect(e, "light")}
> >
{t("Light")} {theme === "light" && <CheckCircleIcon className="size-4" />} {t("Light")} {theme === "light" && <CheckCircleIcon className="size-4" />}
</DropdownMenuItem> </DropdownMenuItem>
<DropdownMenuItem <DropdownMenuItem
className={cn("rounded-[5px]", { "gap-3 bg-muted": theme === "dark" })} className={cn("rounded-[5px]", { "gap-3 bg-muted font-semibold": theme === "dark" })}
onSelect={(e) => handleSelect(e, "dark")} onSelect={(e) => handleSelect(e, "dark")}
> >
{t("Dark")} {theme === "dark" && <CheckCircleIcon className="size-4" />} {t("Dark")} {theme === "dark" && <CheckCircleIcon className="size-4" />}
</DropdownMenuItem> </DropdownMenuItem>
<DropdownMenuItem <DropdownMenuItem
className={cn("rounded-t-[5px]", { "gap-3 bg-muted": theme === "system" })} className={cn("rounded-t-[5px]", { "gap-3 bg-muted font-semibold": theme === "system" })}
onSelect={(e) => handleSelect(e, "system")} onSelect={(e) => handleSelect(e, "system")}
> >
{t("System")} {theme === "system" && <CheckCircleIcon className="size-4" />} {t("System")} {theme === "system" && <CheckCircleIcon className="size-4" />}

2
components/ui/dropdown-menu.tsx
View File

@ -80,7 +80,7 @@ const DropdownMenuItem = React.forwardRef<
<DropdownMenuPrimitive.Item <DropdownMenuPrimitive.Item
ref={ref} ref={ref}
className={cn( className={cn(
"relative flex cursor-default select-none items-center rounded-[10px] px-2 py-1.5 text-xs font-medium outline-hidden transition-colors focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50", "relative flex cursor-default select-none items-center rounded-[10px] px-2 py-1.5 text-xs font-normal outline-hidden transition-colors focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50",
inset && "pl-8", inset && "pl-8",
className, className,
)} )}