From ba9483d4d144ac51176169f96a5c2e3a21fafcf0 Mon Sep 17 00:00:00 2001
From: Zephyruso <176294927+Zephyruso@users.noreply.github.com>
Date: Thu, 26 Dec 2024 11:13:42 +0800
Subject: [PATCH] fix: settings style

---
 src/components/sidebar/StatisticsInfo.vue | 2 +-
 src/views/SettingsPage.vue                | 6 ++----
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/components/sidebar/StatisticsInfo.vue b/src/components/sidebar/StatisticsInfo.vue
index 693121c3..d084663c 100644
--- a/src/components/sidebar/StatisticsInfo.vue
+++ b/src/components/sidebar/StatisticsInfo.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="grid grid-cols-2 gap-1">
+  <div class="grid w-full grid-cols-2 gap-1 rounded-lg">
     <div>{{ $t('connections') }}: {{ activeConnections.length }}</div>
     <div>{{ $t('memoryUsage') }}: {{ prettyBytesHelper(memory, { binary: true }) }}</div>
     <div>{{ $t('download') }}: {{ prettyBytesHelper(downloadTotal) }}</div>
diff --git a/src/views/SettingsPage.vue b/src/views/SettingsPage.vue
index cfafdfe1..e14f3dbc 100644
--- a/src/views/SettingsPage.vue
+++ b/src/views/SettingsPage.vue
@@ -94,10 +94,8 @@
         {{ $t('statistics') }}
       </div>
       <div class="card-body gap-4">
-        <div class="grid grid-cols-1 gap-2 lg:grid-cols-2">
-          <div class="card flex items-center justify-start bg-base-200/40 p-4">
-            <StatisticsInfo class="h-20 w-full" />
-          </div>
+        <div class="grid grid-cols-1 gap-2 lg:grid-cols-2 3xl:grid-cols-4">
+          <StatisticsInfo class="bg-base-200/40 p-4" />
           <SpeedCharts />
           <MemoryCharts />
           <ConnectionsCharts />