aboutsummaryrefslogtreecommitdiffhomepage
path: root/src/App.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/App.vue')
-rw-r--r--src/App.vue35
1 files changed, 1 insertions, 34 deletions
diff --git a/src/App.vue b/src/App.vue
index 747d279..eb1a51c 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -31,13 +31,6 @@
31 :filterServices="filterServices" 31 :filterServices="filterServices"
32 > 32 >
33 <DarkMode @updated="isDark = $event" /> 33 <DarkMode @updated="isDark = $event" />
34
35 <SettingToggle
36 @updated="vlayout = $event"
37 name="vlayout"
38 icon="fa-list"
39 iconAlt="fa-columns"
40 />
41 </Navbar> 34 </Navbar>
42 </div> 35 </div>
43 36
@@ -51,8 +44,7 @@
51 <!-- Optional messages --> 44 <!-- Optional messages -->
52 <Message :item="config.message" /> 45 <Message :item="config.message" />
53 46
54 <!-- Horizontal layout --> 47 <div class="columns is-multiline">
55 <div v-if="!vlayout || filter" class="columns is-multiline">
56 <template v-for="group in services"> 48 <template v-for="group in services">
57 <h2 v-if="group.name" class="column is-full group-title"> 49 <h2 v-if="group.name" class="column is-full group-title">
58 <i v-if="group.icon" :class="group.icon"></i> 50 <i v-if="group.icon" :class="group.icon"></i>
@@ -66,28 +58,6 @@
66 /> 58 />
67 </template> 59 </template>
68 </div> 60 </div>
69
70 <!-- Vertical layout -->
71 <div
72 v-if="!filter && vlayout"
73 class="columns is-multiline layout-vertical"
74 >
75 <div
76 class="column is-half-tablet is-one-third-widescreen is-half-desktop"
77 v-for="group in services"
78 :key="group.name"
79 >
80 <h2 v-if="group.name" class="group-title">
81 <i v-if="group.icon" :class="group.icon"></i>
82 {{ group.name }}
83 </h2>
84 <Service
85 v-for="item in group.items"
86 v-bind:item="item"
87 :key="item.url"
88 />
89 </div>
90 </div>
91 </div> 61 </div>
92 </div> 62 </div>
93 </section> 63 </section>
@@ -112,7 +82,6 @@ import Navbar from "./components/Navbar.vue";
112import ConnectivityChecker from "./components/ConnectivityChecker.vue"; 82import ConnectivityChecker from "./components/ConnectivityChecker.vue";
113import Service from "./components/Service.vue"; 83import Service from "./components/Service.vue";
114import Message from "./components/Message.vue"; 84import Message from "./components/Message.vue";
115import SettingToggle from "./components/SettingToggle.vue";
116import DarkMode from "./components/DarkMode.vue"; 85import DarkMode from "./components/DarkMode.vue";
117import DynamicTheme from "./components/DynamicTheme.vue"; 86import DynamicTheme from "./components/DynamicTheme.vue";
118 87
@@ -125,7 +94,6 @@ export default {
125 ConnectivityChecker, 94 ConnectivityChecker,
126 Service, 95 Service,
127 Message, 96 Message,
128 SettingToggle,
129 DarkMode, 97 DarkMode,
130 DynamicTheme, 98 DynamicTheme,
131 }, 99 },
@@ -135,7 +103,6 @@ export default {
135 services: null, 103 services: null,
136 offline: false, 104 offline: false,
137 filter: "", 105 filter: "",
138 vlayout: false,
139 isDark: null, 106 isDark: null,
140 showMenu: false, 107 showMenu: false,
141 }; 108 };