diff options
-rw-r--r-- | src/App.vue | 35 |
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"; | |||
112 | import ConnectivityChecker from "./components/ConnectivityChecker.vue"; | 82 | import ConnectivityChecker from "./components/ConnectivityChecker.vue"; |
113 | import Service from "./components/Service.vue"; | 83 | import Service from "./components/Service.vue"; |
114 | import Message from "./components/Message.vue"; | 84 | import Message from "./components/Message.vue"; |
115 | import SettingToggle from "./components/SettingToggle.vue"; | ||
116 | import DarkMode from "./components/DarkMode.vue"; | 85 | import DarkMode from "./components/DarkMode.vue"; |
117 | import DynamicTheme from "./components/DynamicTheme.vue"; | 86 | import 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 | }; |