From 2959850238abc7a06a1a101441d73c1679e6a5f7 Mon Sep 17 00:00:00 2001
From: hamster1963 <1410514192@qq.com>
Date: Mon, 29 Jul 2024 00:13:12 +0800
Subject: [PATCH] style: adjust popover font size

---
 components/ServerCard.tsx        | 4 +++-
 components/ServerCardPopover.tsx | 7 +++++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/components/ServerCard.tsx b/components/ServerCard.tsx
index 4e9d784..fe618fc 100644
--- a/components/ServerCard.tsx
+++ b/components/ServerCard.tsx
@@ -73,7 +73,9 @@ export default function ServerCard({
             <p className="text-sm font-bold tracking-tight">{name}</p>
           </section>
         </PopoverTrigger>
-        <PopoverContent side="top">Offline</PopoverContent>
+        <PopoverContent className="w-fit p-2" side="top">
+          <p className="text-sm text-muted-foreground">Offline</p>
+        </PopoverContent>
       </Popover>
     </Card>
   );
diff --git a/components/ServerCardPopover.tsx b/components/ServerCardPopover.tsx
index aab2299..6f54633 100644
--- a/components/ServerCardPopover.tsx
+++ b/components/ServerCardPopover.tsx
@@ -15,8 +15,11 @@ export function ServerCardPopoverCard({
   return (
     <div className={cn("mb-[6px] flex w-full flex-col", className)}>
       <div className="text-sm font-semibold">{title}</div>
-      {children ? children : <div className="break-all text-sm">{content}</div>}
-      <div className="h-[0.5px] w-full bg-accent"></div>
+      {children ? (
+        children
+      ) : (
+        <div className="break-all text-xs font-medium">{content}</div>
+      )}
     </div>
   );
 }