Rework the appstore view

2020-06-12 15:02:41 +02:00
parent ec71b622fc
commit a31617fcb0
3 changed files with 128 additions and 62 deletions
@@ -702,6 +702,53 @@ multiselect {
    }
 }

+.appstore-toolbar {
+    position: fixed;
+    z-index: 1000;
+    width: 100%;
+    padding: 10px;
+    width: 100%;
+    background: $body-bg;
+
+    .appstore-toolbar-content {
+        display: flex;
+        margin: auto;
+        max-width: 1200px;
+
+        > input {
+            margin: 0 10px;
+        }
+
+        > button, > .dropdown {
+            border-radius: 0;
+            display: inline-block;
+        }
+
+        @media(max-width:768px) {
+            flex-wrap: wrap;
+
+            > input {
+                margin: 10px;
+            }
+
+            > button, > .dropdown {
+                display: none;
+            }
+        }
+    }
+}
+
+.appstore-grid {
+    margin: auto;
+    margin-top: 50px;
+    width: 100%;
+    max-width: 1200px;
+
+    @media(max-width:768px) {
+        margin-top: 50px;
+    }
+}
+
 .appstore-item {
    padding: 10px;
    width: 300px;