aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
-rw-r--r--public/assets/tools/sample2.pngbin0 -> 4139 bytes
-rw-r--r--public/config.yml.dist5
-rw-r--r--src/App.vue14
-rw-r--r--src/assets/defaults.yml1
-rw-r--r--src/components/SettingToggle.vue3
-rw-r--r--src/main.js1
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
Binary files differ
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:
69 tag: "app" 69 tag: "app"
70 url: "https://www.reddit.com/r/selfhosted/" 70 url: "https://www.reddit.com/r/selfhosted/"
71 target: "_blank" # optionnal html a tag target attribute 71 target: "_blank" # optionnal html a tag target attribute
72 - name: "Another one"
73 logo: "assets/tools/sample2.png"
74 subtitle: "Another application"
75 tag: "app"
76 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 @@
5 :class="[ 5 :class="[
6 `theme-${config.theme}`, 6 `theme-${config.theme}`,
7 isDark ? 'is-dark' : 'is-light', 7 isDark ? 'is-dark' : 'is-light',
8 !config.footer ? 'no-footer' : '' 8 !config.footer ? 'no-footer' : '',
9 ]" 9 ]"
10 > 10 >
11 <DynamicTheme :themes="config.colors" /> 11 <DynamicTheme :themes="config.colors" />
@@ -132,7 +132,7 @@ export default {
132 SearchInput, 132 SearchInput,
133 SettingToggle, 133 SettingToggle,
134 DarkMode, 134 DarkMode,
135 DynamicTheme 135 DynamicTheme,
136 }, 136 },
137 data: function () { 137 data: function () {
138 return { 138 return {
@@ -142,7 +142,7 @@ export default {
142 filter: "", 142 filter: "",
143 vlayout: true, 143 vlayout: true,
144 isDark: null, 144 isDark: null,
145 showMenu: false 145 showMenu: false,
146 }; 146 };
147 }, 147 },
148 created: async function () { 148 created: async function () {
@@ -205,10 +205,10 @@ export default {
205 { 205 {
206 name: filter, 206 name: filter,
207 icon: "fas fa-search", 207 icon: "fas fa-search",
208 items: searchResultItems 208 items: searchResultItems,
209 } 209 },
210 ]; 210 ];
211 } 211 },
212 } 212 },
213}; 213};
214</script> 214</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:
35 card-shadow: rgba(0, 0, 0, 0.4) 35 card-shadow: rgba(0, 0, 0, 0.4)
36 link-hover: "#ffdd57" 36 link-hover: "#ffdd57"
37 37
38message: ~
38links: [] 39links: []
39services: [] 40services: []
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 @@
1<template> 1<template>
2 <a v-on:click="toggleSetting()" class="navbar-item is-inline-block-mobile"> 2 <a v-on:click="toggleSetting()" class="navbar-item is-inline-block-mobile">
3 <span v-show="value"><i :class="['fas', icon]"></i></span> 3 <span><i :class="['fas', value ? icon : iconAlt]"></i></span>
4 <span v-show="!value"><i :class="['fas', iconAlt]"></i></span>
5 <slot></slot> 4 <slot></slot>
6 </a> 5 </a>
7</template> 6</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";
3import "./registerServiceWorker"; 3import "./registerServiceWorker";
4 4
5import "@fortawesome/fontawesome-free/css/all.css"; 5import "@fortawesome/fontawesome-free/css/all.css";
6import "@fortawesome/fontawesome-free/js/all.js";
7 6
8import "./assets/app.scss"; 7import "./assets/app.scss";
9 8