Revert to not use a 2 column grid for disk items

This commit is contained in:
Johannes Zellner
2025-10-15 11:12:10 +02:00
parent b289146aeb
commit 155af33b0c
+1 -16
View File
@@ -22,7 +22,7 @@ onMounted(async () => {
<template>
<Section :title="$t('system.diskUsage.title')">
<div class="filesystems-grid">
<div>
<DiskUsageItem v-for="filesystem in filesystems" :key="filesystem.filesystem" :filesystem="filesystem" />
</div>
</Section>
@@ -30,21 +30,6 @@ onMounted(async () => {
<style scoped>
.filesystems-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 15px;
height: 100%;
width: 100%;
transition: 300ms;
}
@media (max-width: 576px) {
.filesystems-grid {
grid-template-columns: 1fr; /* Single column on small screens */
}
}
.usage-bar {
display: flex;
flex-wrap: nowrap;