🐛 Fix wall creation and dark mode

MarceauKa · Jan 6, 2020 · 0df8ebd · 0df8ebd
1 parent 773597b
commit 0df8ebd
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 6 deletions.
diff --git a/public/css/app.css b/public/css/app.css
diff --git a/public/js/app.js b/public/js/app.js
diff --git a/public/mix-manifest.json b/public/mix-manifest.json
@@ -1,6 +1,6 @@
 {
-    "/js/app.js": "/js/app.js?id=6f63b11d01a2e9733520",
-    "/css/app.css": "/css/app.css?id=a8681014591223ee3f1b",
+    "/js/app.js": "/js/app.js?id=eb040d1d504d83be69a7",
+    "/css/app.css": "/css/app.css?id=41be1c43e2883e1a9789",
     "/js/manifest.js": "/js/manifest.js?id=3c768977c2574a34506e",
     "/js/vendor.js": "/js/vendor.js?id=d01e65db03bef4cabb61"
 }
diff --git a/resources/js/components/ManageWalls.vue b/resources/js/components/ManageWalls.vue
@@ -37,7 +37,7 @@
                         <td>{{ listRestrictions(wall.restrict_cards) }}</td>
                         <td>
                             <div class="dropdown">
-                                <button class="btn btn-outline-dark btn-sm dropdown-toggle"
+                                <button class="btn btn-outline-secondary btn-sm dropdown-toggle"
                                         type="button" id="dropdownMenuButton"
                                         data-toggle="dropdown"
                                         aria-haspopup="true"
@@ -228,7 +228,11 @@ export default {
                 slug: '',
                 restrict_tags: [],
                 restrict_cards: [],
-                appearance: [],
+                appearance: {
+                    columns: 2,
+                    show_tags: false,
+                    compact: false,
+                },
                 is_default: false,
                 is_private: false,
             };

diff --git a/resources/sass/_dark.scss b/resources/sass/_dark.scss
@@ -32,6 +32,14 @@ body.dark {
         }
     }
 
+    .nav-wall {
+        @extend .bg-dark;
+
+        h1 {
+            @extend .text-white;
+        }
+    }
+
     .list-group {
         .list-group-item:not(.active) {
             @extend .bg-dark;