From 165247b26351119abe1aa34d7023a8a831ebbb74 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Sun, 28 Jun 2026 08:30:24 +0800
Subject: [PATCH] fix: update storage used percentage display to use div
 elements for better layout

---
 src/views/dashboard/AnalyticsStorage.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/views/dashboard/AnalyticsStorage.vue b/src/views/dashboard/AnalyticsStorage.vue
index 11176893..ace7a6af 100644
--- a/src/views/dashboard/AnalyticsStorage.vue
+++ b/src/views/dashboard/AnalyticsStorage.vue
@@ -73,8 +73,8 @@ onActivated(() => {
       <h5 class="animated-storage-value text-2xl font-weight-medium text-primary">
         {{ animatedStorageText }}
       </h5>
-      <p class="mt-2">{{ t('storage.usedPercent', { percent: animatedUsedPercentText }) }} 🚀</p>
-      <p class="mt-1">
+      <div class="mt-2">{{ t('storage.usedPercent', { percent: animatedUsedPercentText }) }} 🚀</div>
+      <div class="mt-1">
         <VProgressLinear
           :model-value="animatedUsedPercentValue"
           class="animated-storage-progress"
@@ -82,7 +82,7 @@ onActivated(() => {
           height="6"
           rounded
         />
-      </p>
+      </div>
     </VCardText>
     <!-- Trophy -->
     <VImg :src="trophy" class="trophy" />