Pure CSS font awesome icon

6 files changed, 14 insertions, 10 deletions

diff --git a/public/assets/tools/sample2.png b/public/assets/tools/sample2.png
new file mode 100644
index 0000000..f2327c0
--- /dev/null
+++ b/public/assets/tools/sample2.png
diff --git a/public/config.yml.dist b/public/config.yml.dist
index 849b391..d2f1fdf 100644
--- a/public/config.yml.dist
+++ b/public/config.yml.dist
@@ -69,3 +69,8 @@ services:
         tag: "app"
         url: "https://www.reddit.com/r/selfhosted/"
         target: "_blank" # optionnal html a tag target attribute
+      - name: "Another one"
+        logo: "assets/tools/sample2.png"
+        subtitle: "Another application"
+        tag: "app"
+        url: "#"
diff --git a/src/App.vue b/src/App.vue
index f7fd34a..a356997 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,7 +5,7 @@
     :class="[
       `theme-${config.theme}`,
       isDark ? 'is-dark' : 'is-light',
-      !config.footer ? 'no-footer' : ''
+      !config.footer ? 'no-footer' : '',
     ]"
   >
     <DynamicTheme :themes="config.colors" />
@@ -132,7 +132,7 @@ export default {
     SearchInput,
     SettingToggle,
     DarkMode,
-    DynamicTheme
+    DynamicTheme,
   },
   data: function () {
     return {
@@ -142,7 +142,7 @@ export default {
       filter: "",
       vlayout: true,
       isDark: null,
-      showMenu: false
+      showMenu: false,
     };
   },
   created: async function () {
@@ -205,10 +205,10 @@ export default {
         {
           name: filter,
           icon: "fas fa-search",
-          items: searchResultItems
-        }
+          items: searchResultItems,
+        },
       ];
-    }
-  }
+    },
+  },
 };
 </script>
diff --git a/src/assets/defaults.yml b/src/assets/defaults.yml
index 1909328..bf3a367 100644
--- a/src/assets/defaults.yml
+++ b/src/assets/defaults.yml
@@ -35,5 +35,6 @@ colors:
     card-shadow: rgba(0, 0, 0, 0.4)
     link-hover: "#ffdd57"
 
+message: ~
 links: []
 services: []
diff --git a/src/components/SettingToggle.vue b/src/components/SettingToggle.vue
index 94655bc..864a497 100644
--- 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>
diff --git a/src/main.js b/src/main.js
index 2095acf..e5995a4 100644
--- a/src/main.js
+++ b/src/main.js
@@ -3,7 +3,6 @@ import App from "./App.vue";
 import "./registerServiceWorker";
 
 import "@fortawesome/fontawesome-free/css/all.css";
-import "@fortawesome/fontawesome-free/js/all.js";
 
 import "./assets/app.scss";