From cc97147270df9a51833e095ea1b90a26db49c2c0 Mon Sep 17 00:00:00 2001
From: hamster1963 <1410514192@qq.com>
Date: Sat, 4 Jan 2025 00:28:50 +0800
Subject: [PATCH] style: dropdown text display

---
 components/LanguageSwitcher.tsx | 2 +-
 components/ThemeSwitcher.tsx    | 6 +++---
 components/ui/dropdown-menu.tsx | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/LanguageSwitcher.tsx b/components/LanguageSwitcher.tsx
index a31c3e1..453810c 100644
--- a/components/LanguageSwitcher.tsx
+++ b/components/LanguageSwitcher.tsx
@@ -41,7 +41,7 @@ export function LanguageSwitcher() {
             onSelect={(e) => handleSelect(e, item.code)}
             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,
diff --git a/components/ThemeSwitcher.tsx b/components/ThemeSwitcher.tsx
index 286fab8..e0de48a 100644
--- a/components/ThemeSwitcher.tsx
+++ b/components/ThemeSwitcher.tsx
@@ -37,19 +37,19 @@ export function ModeToggle() {
       </DropdownMenuTrigger>
       <DropdownMenuContent className="flex flex-col gap-0.5" align="end">
         <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")}
         >
           {t("Light")} {theme === "light" && <CheckCircleIcon className="size-4" />}
         </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")}
         >
           {t("Dark")} {theme === "dark" && <CheckCircleIcon className="size-4" />}
         </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")}
         >
           {t("System")} {theme === "system" && <CheckCircleIcon className="size-4" />}
diff --git a/components/ui/dropdown-menu.tsx b/components/ui/dropdown-menu.tsx
index 359a68c..b654ce7 100644
--- a/components/ui/dropdown-menu.tsx
+++ b/components/ui/dropdown-menu.tsx
@@ -80,7 +80,7 @@ const DropdownMenuItem = React.forwardRef<
   <DropdownMenuPrimitive.Item
     ref={ref}
     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",
       className,
     )}