From a83acc1427ceeda1c1fe20b9291f837784282342 Mon Sep 17 00:00:00 2001 From: seaHi Date: Sun, 27 Sep 2026 21:28:00 +0800 Subject: [PATCH] =?UTF-8?q?style:=20=E4=BC=98=E5=8C=96=E5=88=86=E6=9E=90?= =?UTF-8?q?=E9=9D=A2=E6=9D=BF=E7=9A=84=E8=BE=B9=E6=A1=86=E6=A0=B7=E5=BC=8F?= =?UTF-8?q?=E4=B8=8E=E8=83=8C=E6=99=AF=E9=98=B4=E5=BD=B1=E6=95=88=E6=9E=9C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../components/admin/AnalyticsPanel.svelte | 24 ++++++++++--------- 1 file changed, 13 insertions(+), 11 deletions(-) diff --git a/src/lib/components/admin/AnalyticsPanel.svelte b/src/lib/components/admin/AnalyticsPanel.svelte index 65b2cf9..78e4085 100644 --- a/src/lib/components/admin/AnalyticsPanel.svelte +++ b/src/lib/components/admin/AnalyticsPanel.svelte @@ -667,8 +667,9 @@ display: grid; grid-template-columns: 7fr 3fr; /* 增加图表宽度,缩小右侧网格 */ gap: 0; - border: 2px solid var(--text-color, #000); - background: transparent; + border: 1px solid var(--text-color, #000); + background: var(--bg-color, #ffffff); + box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03); } @media (max-width: 900px) { @@ -693,13 +694,13 @@ .core-metrics { display: grid; grid-template-columns: 1fr 1fr; - border-left: 2px solid var(--text-color, #000); + border-left: 1px solid var(--text-color, #000); } @media (max-width: 900px) { .core-metrics { border-left: none; - border-top: 2px solid var(--text-color, #000); + border-top: 1px solid var(--text-color, #000); } } @@ -717,12 +718,12 @@ /* 为 2x2 网格绘制内部边框 */ .metric-item:nth-child(1), .metric-item:nth-child(2) { - border-bottom: 2px solid var(--text-color, #000); + border-bottom: 1px solid var(--text-color, #000); } .metric-item:nth-child(1), .metric-item:nth-child(3) { - border-right: 2px solid var(--text-color, #000); + border-right: 1px solid var(--text-color, #000); } @media (max-width: 600px) { @@ -736,7 +737,7 @@ .metric-item:nth-child(1), .metric-item:nth-child(2), .metric-item:nth-child(3) { - border-bottom: 2px solid var(--text-color, #000); + border-bottom: 1px solid var(--text-color, #000); } } @@ -775,15 +776,16 @@ } .quota-container { - border: 2px solid var(--text-color, #000); - background: transparent; + border: 1px solid var(--text-color, #000); + background: var(--bg-color, #ffffff); + box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03); display: grid; grid-template-columns: repeat(3, 1fr); } .quota-item { padding: 24px 20px; - border-right: 2px solid var(--text-color, #000); + border-right: 1px solid var(--text-color, #000); } .quota-item:last-child { border-right: none; @@ -795,7 +797,7 @@ } .quota-item { border-right: none; - border-bottom: 2px solid var(--text-color, #000); + border-bottom: 1px solid var(--text-color, #000); } .quota-item:last-child { border-bottom: none;