slightly better disk usage styling
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user