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

View File

@@ -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" />