Improve spacing in DiskUsageItems

This commit is contained in:
Johannes Zellner
2025-10-03 12:37:21 +02:00
parent 9d99794242
commit 910087e37a

View File

@@ -142,7 +142,7 @@ onUnmounted(() => {
<div class="disk-used" v-for="content in contents" :key="content.id" v-tooltip="content.id" @mouseover="highlight = content.id" :style="{ 'background-color': content.color, width: 100*content.usage/filesystem.size + '%' }" :class="{ highlight: highlight === content.id }"></div>
</div>
<div v-if="percent < 100" style="text-align: center;">Calculating speed and disk usage ... {{ percent }}%</div>
<div v-if="percent < 100" style="text-align: center; margin-top: 10px;">Calculating speed and disk usage ... {{ percent }}%</div>
<div v-else>
<table style="width: 100%">
<tr v-for="content in contents" :key="content.id" @mouseover="highlight = content.id" :class="{ highlight: highlight === content.id }">
@@ -155,7 +155,7 @@ onUnmounted(() => {
</div>
<div v-else>
<ProgressBar :value="parseInt(filesystem.capacity*100)" :show-label="false"/>
<div style="text-align: center">
<div style="text-align: center; margin-top: 10px;">
<Button plain @click="onExpand()">Details</Button>
</div>
</div>