From 70038f90442b26c794357ed6576e14d960f6ef17 Mon Sep 17 00:00:00 2001
From: hamster1963 <1410514192@qq.com>
Date: Sun, 1 Dec 2024 19:05:08 +0800
Subject: [PATCH] style: better inline card

---
 app/(main)/ClientComponents/ServerDetailClient.tsx | 12 +++++++++---
 app/(main)/ClientComponents/ServerListClient.tsx   |  2 +-
 components/ServerCardInline.tsx                    | 10 +++++-----
 3 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/app/(main)/ClientComponents/ServerDetailClient.tsx b/app/(main)/ClientComponents/ServerDetailClient.tsx
index 07f8e63..fbd38f9 100644
--- a/app/(main)/ClientComponents/ServerDetailClient.tsx
+++ b/app/(main)/ClientComponents/ServerDetailClient.tsx
@@ -209,7 +209,9 @@ export default function ServerDetailClient({
                   {data.status.Load1} / {data.status.Load5} /{" "}
                   {data.status.Load15}
                 </div>
-              ) : <div className="text-xs">Unknown</div>}
+              ) : (
+                <div className="text-xs">Unknown</div>
+              )}
             </section>
           </CardContent>
         </Card>
@@ -222,7 +224,9 @@ export default function ServerDetailClient({
                   {" "}
                   {formatBytes(data.status.NetOutTransfer)}{" "}
                 </div>
-              ) : <div className="text-xs">Unknown</div>}
+              ) : (
+                <div className="text-xs">Unknown</div>
+              )}
             </section>
           </CardContent>
         </Card>
@@ -235,7 +239,9 @@ export default function ServerDetailClient({
                   {" "}
                   {formatBytes(data.status.NetInTransfer)}{" "}
                 </div>
-              ) : <div className="text-xs">Unknown</div>}
+              ) : (
+                <div className="text-xs">Unknown</div>
+              )}
             </section>
           </CardContent>
         </Card>
diff --git a/app/(main)/ClientComponents/ServerListClient.tsx b/app/(main)/ClientComponents/ServerListClient.tsx
index 26d29ac..1e01f84 100644
--- a/app/(main)/ClientComponents/ServerListClient.tsx
+++ b/app/(main)/ClientComponents/ServerListClient.tsx
@@ -162,7 +162,7 @@ export default function ServerListClient() {
       {inline === "1" && (
         <section
           ref={containerRef}
-          className="flex flex-col gap-2 overflow-x-scroll"
+          className="flex flex-col gap-2 overflow-x-scroll scrollbar-hidden"
         >
           {filteredServers.map((serverInfo) => (
             <ServerCardInline key={serverInfo.id} serverInfo={serverInfo} />
diff --git a/components/ServerCardInline.tsx b/components/ServerCardInline.tsx
index a7a9f4d..70fe641 100644
--- a/components/ServerCardInline.tsx
+++ b/components/ServerCardInline.tsx
@@ -79,7 +79,7 @@ export default function ServerCardInline({
                 </div>
               </div>
             </div>
-            <div className={"flex w-14 flex-col"}>
+            <div className={"flex w-20 flex-col"}>
               <p className="text-xs text-muted-foreground">{t("Uptime")}</p>
               <div className="flex items-center text-xs font-semibold">
                 {(serverInfo?.status.Uptime / 86400).toFixed(0)} {"Days"}
@@ -106,7 +106,7 @@ export default function ServerCardInline({
               </div>
               <ServerUsageBar value={stg} />
             </div>
-            <div className={"flex w-14 flex-col"}>
+            <div className={"flex w-16 flex-col"}>
               <p className="text-xs text-muted-foreground">{t("Upload")}</p>
               <div className="flex items-center text-xs font-semibold">
                 {up >= 1024
@@ -114,7 +114,7 @@ export default function ServerCardInline({
                   : `${up.toFixed(2)}M/s`}
               </div>
             </div>
-            <div className={"flex w-14 flex-col"}>
+            <div className={"flex w-16 flex-col"}>
               <p className="text-xs text-muted-foreground">{t("Download")}</p>
               <div className="flex items-center text-xs font-semibold">
                 {down >= 1024
@@ -122,7 +122,7 @@ export default function ServerCardInline({
                   : `${down.toFixed(2)}M/s`}
               </div>
             </div>
-            <div className={"flex flex-col"}>
+            <div className={"flex w-20 flex-col"}>
               <p className="text-xs text-muted-foreground">
                 {t("TotalUpload")}
               </p>
@@ -130,7 +130,7 @@ export default function ServerCardInline({
                 {formatBytes(serverInfo.status.NetOutTransfer)}
               </div>
             </div>
-            <div className={"flex flex-col"}>
+            <div className={"flex w-20 flex-col"}>
               <p className="text-xs text-muted-foreground">
                 {t("TotalDownload")}
               </p>