slightly better disk usage styling

This commit is contained in:
Johannes Zellner
2025-07-17 19:44:55 +02:00
parent 585885e6a2
commit 20cc82e210
+6 -3
View File
@@ -191,7 +191,7 @@ async function onExpand() {
<div v-else>
<table style="width: 100%">
<tr v-for="content in contents" :key="content.id">
<td><div class="content-color-indicator" :style="{ backgroundColor: content.color }"></div></td>
<td style="width: 20px"><div class="content-color-indicator" :style="{ backgroundColor: content.color }"></div></td>
<td>{{ content.id }}</td>
<td style="text-align: right">{{ prettyDecimalSize(content.usage) }}</td>
</tr>
@@ -272,10 +272,13 @@ async function onExpand() {
}
.content-color-indicator {
display: inline-block;
height: 16px;
width: 16px;
margin-right: 6px;
border-radius: 4px;
}
.td {
vertical-align: middle;
}
</style>