fix: update storage used percentage display to use div elements for better layout

This commit is contained in:
jxxghp
2026-06-28 08:30:24 +08:00
parent 9a2384bf02
commit 165247b263
+3 -3
View File
@@ -73,8 +73,8 @@ onActivated(() => {
<h5 class="animated-storage-value text-2xl font-weight-medium text-primary"> <h5 class="animated-storage-value text-2xl font-weight-medium text-primary">
{{ animatedStorageText }} {{ animatedStorageText }}
</h5> </h5>
<p class="mt-2">{{ t('storage.usedPercent', { percent: animatedUsedPercentText }) }} 🚀</p> <div class="mt-2">{{ t('storage.usedPercent', { percent: animatedUsedPercentText }) }} 🚀</div>
<p class="mt-1"> <div class="mt-1">
<VProgressLinear <VProgressLinear
:model-value="animatedUsedPercentValue" :model-value="animatedUsedPercentValue"
class="animated-storage-progress" class="animated-storage-progress"
@@ -82,7 +82,7 @@ onActivated(() => {
height="6" height="6"
rounded rounded
/> />
</p> </div>
</VCardText> </VCardText>
<!-- Trophy --> <!-- Trophy -->
<VImg :src="trophy" class="trophy" /> <VImg :src="trophy" class="trophy" />