fix: enhance text size for LanguageSwitcher and ThemeSwitcher components

This commit is contained in:
hamster1963
2025-12-28 15:26:39 +08:00
parent 746f890d65
commit b4f2abb885
2 changed files with 4 additions and 3 deletions
+1
View File
@@ -48,6 +48,7 @@ export function LanguageSwitcher() {
key={item.code} key={item.code}
onSelect={(e) => handleSelect(e, item.code)} onSelect={(e) => handleSelect(e, item.code)}
className={cn( className={cn(
"text-xs",
{ {
"gap-3 bg-muted font-semibold": locale === item.code, "gap-3 bg-muted font-semibold": locale === item.code,
}, },
+3 -3
View File
@@ -36,21 +36,21 @@ 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 font-semibold": theme === "light" })} className={cn("rounded-b-[5px] text-xs", { "gap-3 bg-muted font-semibold": theme === "light" })}
onSelect={(e) => handleSelect(e, "light")} onSelect={(e) => handleSelect(e, "light")}
> >
{t("theme.light")} {t("theme.light")}
{theme === "light" && <CheckCircleIcon className="size-4" />} {theme === "light" && <CheckCircleIcon className="size-4" />}
</DropdownMenuItem> </DropdownMenuItem>
<DropdownMenuItem <DropdownMenuItem
className={cn("rounded-[5px]", { "gap-3 bg-muted font-semibold": theme === "dark" })} className={cn("rounded-[5px] text-xs", { "gap-3 bg-muted font-semibold": theme === "dark" })}
onSelect={(e) => handleSelect(e, "dark")} onSelect={(e) => handleSelect(e, "dark")}
> >
{t("theme.dark")} {t("theme.dark")}
{theme === "dark" && <CheckCircleIcon className="size-4" />} {theme === "dark" && <CheckCircleIcon className="size-4" />}
</DropdownMenuItem> </DropdownMenuItem>
<DropdownMenuItem <DropdownMenuItem
className={cn("rounded-t-[5px]", { "gap-3 bg-muted font-semibold": theme === "system" })} className={cn("rounded-t-[5px] text-xs", { "gap-3 bg-muted font-semibold": theme === "system" })}
onSelect={(e) => handleSelect(e, "system")} onSelect={(e) => handleSelect(e, "system")}
> >
{t("theme.system")} {t("theme.system")}