Remove vertical layout

diff --git a/src/App.vue b/src/App.vue
index 747d279af906d57d637be6e0e8c5d7619e454898..eb1a51cc2b5fbde94a7a9a190018dd7208e3ce0e 100644 (file)
--- a/src/App.vue
+++ b/src/App.vue
@@ -31,13 +31,6 @@
         :filterServices="filterServices"
       >
         <DarkMode @updated="isDark = $event" />
-
-        <SettingToggle
-          @updated="vlayout = $event"
-          name="vlayout"
-          icon="fa-list"
-          iconAlt="fa-columns"
-        />
       </Navbar>
     </div>
 
@@ -51,8 +44,7 @@
           <!-- Optional messages -->
           <Message :item="config.message" />
 
-          <!-- Horizontal layout -->
-          <div v-if="!vlayout || filter" class="columns is-multiline">
+          <div class="columns is-multiline">
             <template v-for="group in services">
               <h2 v-if="group.name" class="column is-full group-title">
                 <i v-if="group.icon" :class="group.icon"></i>
@@ -66,28 +58,6 @@
               />
             </template>
           </div>
-
-          <!-- Vertical layout -->
-          <div
-            v-if="!filter && vlayout"
-            class="columns is-multiline layout-vertical"
-          >
-            <div
-              class="column is-half-tablet is-one-third-widescreen is-half-desktop"
-              v-for="group in services"
-              :key="group.name"
-            >
-              <h2 v-if="group.name" class="group-title">
-                <i v-if="group.icon" :class="group.icon"></i>
-                {{ group.name }}
-              </h2>
-              <Service
-                v-for="item in group.items"
-                v-bind:item="item"
-                :key="item.url"
-              />
-            </div>
-          </div>
         </div>
       </div>
     </section>
@@ -112,7 +82,6 @@ import Navbar from "./components/Navbar.vue";
 import ConnectivityChecker from "./components/ConnectivityChecker.vue";
 import Service from "./components/Service.vue";
 import Message from "./components/Message.vue";
-import SettingToggle from "./components/SettingToggle.vue";
 import DarkMode from "./components/DarkMode.vue";
 import DynamicTheme from "./components/DynamicTheme.vue";
 
@@ -125,7 +94,6 @@ export default {
     ConnectivityChecker,
     Service,
     Message,
-    SettingToggle,
     DarkMode,
     DynamicTheme,
   },
@@ -135,7 +103,6 @@ export default {
       services: null,
       offline: false,
       filter: "",
-      vlayout: false,
       isDark: null,
       showMenu: false,
     };