Improved network sites expand/collapse layout. Left-aligned tag header.

2020-01-09 15:47:45 +01:00
parent b1a85a43a3
commit c31c2a5f19
5 changed files with 61 additions and 46 deletions
--- a/assets/components/sites/sites.vue
+++ b/assets/components/sites/sites.vue
@@ -76,4 +76,16 @@ export default {
    /* vertical grid-gap not compatible with bottom padding on scrolling containers */
    margin: 0 0 1rem 0;
 }
+
+@media(max-width: $breakpoint3) {
+    .sites.expanded .tiles {
+        grid-template-columns: repeat(auto-fit, minmax(12rem, .5fr));
+    }
+}
+
+@media(max-width: $breakpoint0) {
+    .sites.expanded .tiles {
+        grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
+    }
+}
 </style>