Pure CSS font awesome icon

diff --git a/public/assets/tools/sample2.png b/public/assets/tools/sample2.png
new file mode 100644 (file)
index 0000000..f2327c0
Binary files /dev/null and b/public/assets/tools/sample2.png differ

diff --git a/public/config.yml.dist b/public/config.yml.dist
index 849b3919b046df1bd8ab37951e13a0cfa4b37fec..d2f1fdfd0ec15d5a03d04fc3af44b27754267655 100644 (file)
--- 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 f7fd34adc30729e6b40790cb6141aea2fe427d52..a35699785df88cd9ebf2903e6118d64555c0f245 100644 (file)
--- 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 1909328ce540dfe33d59616fc3c6b03072a55759..bf3a36778430fe19649c8157daa231184894d2c3 100644 (file)
--- 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 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>

diff --git a/src/main.js b/src/main.js
index 2095acff29b64b4acec121320aee24abbf48c12c..e5995a44e648eefe29dbd382f90633a175c6b00a 100644 (file)
--- 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";