Further network layout improvements.

2020-01-05 02:50:55 +01:00
parent 7c9a9cf83c
commit a16dbbbec0
4 changed files with 135 additions and 99 deletions
--- a/assets/components/sites/sites.vue
+++ b/assets/components/sites/sites.vue
@@ -36,8 +36,7 @@ export default {
    grid-template-columns: 1fr;
    overflow-y: auto;

-    &.compact {
-        display: flex;
+    &.compact:not(.expanded) {
        overflow-x: auto;

        .tile {
@@ -45,5 +44,9 @@ export default {
            margin: 0 1rem 0 0;
        }
    }
+
+    &.expanded {
+        grid-template-columns: repeat(2, .5fr);
+    }
 }
 </style>