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}
onSelect={(e) => handleSelect(e, item.code)}
className={cn(
"text-xs",
{
"gap-3 bg-muted font-semibold": locale === item.code,
},
+3 -3
View File
@@ -36,21 +36,21 @@ export function ModeToggle() {
</DropdownMenuTrigger>
<DropdownMenuContent className="flex flex-col gap-0.5" align="end">
<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")}
>
{t("theme.light")}
{theme === "light" && <CheckCircleIcon className="size-4" />}
</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")}
>
{t("theme.dark")}
{theme === "dark" && <CheckCircleIcon className="size-4" />}
</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")}
>
{t("theme.system")}