Use css grid for DiskItems to avoid reordering

2025-10-10 16:50:14 +02:00
parent a7d8a8fd1f
commit 019cbeb617
2 changed files with 10 additions and 7 deletions
@@ -31,13 +31,18 @@ onMounted(async () => {
 <style scoped>

 .filesystems-grid {
-  display: flex;
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 15px;
  height: 100%;
  width: 100%;
  transition: 300ms;
-  flex-wrap: wrap;
-  justify-content: start;
-  align-content: start;
+}
+
+@media (max-width: 576px) {
+  .filesystems-grid {
+    grid-template-columns: 1fr; /* Single column on small screens */
+  }
 }

 .usage-bar {