Pure CSS font awesome icon

[github/bastienwirtz/homer.git] / src / components / SettingToggle.vue

diff --git a/src/components/SettingToggle.vue b/src/components/SettingToggle.vue
index 94655bcab19aa06eb33dc54e93b4456e2720b26b..864a497243df4e7685f427ef469ffb987ce495ab 100644 (file)
--- a/src/components/SettingToggle.vue
+++ b/src/components/SettingToggle.vue
@@ -1,7 +1,6 @@
 <template>
   <a v-on:click="toggleSetting()" class="navbar-item is-inline-block-mobile">
-    <span v-show="value"><i :class="['fas', icon]"></i></span>
-    <span v-show="!value"><i :class="['fas', iconAlt]"></i></span>
+    <span><i :class="['fas', value ? icon : iconAlt]"></i></span>
     <slot></slot>
   </a>
 </template>