jjkiers/cloudron-box
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Use css grid for DiskItems to avoid reordering

Browse Source
This commit is contained in:
Johannes Zellner
2025-10-10 16:50:14 +02:00
parent a7d8a8fd1f
commit 019cbeb617
2 changed files with 10 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dashboard/src/components/DiskUsageItem.vue
+1 -3
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; margin-top: 10px;">Calculating speed and disk usage ... {{ percent }}%</div>
<div v-if="percent < 100" style="text-align: center; margin-top: 10px;">Calculating speed and disk usage ... {{ parseInt(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 }">
@@ -169,8 +169,6 @@ onUnmounted(() => {
display: flex;
flex-direction: column;
flex-grow: 1;
margin: 10px;
max-width: 620px;
padding: 10px 16px;
overflow: hidden;
border-radius: 10px;