aboutsummaryrefslogtreecommitdiffhomepage
path: root/src
diff options
context:
space:
mode:
authorGabe Cook <gabe565@gmail.com>2020-06-25 17:54:18 -0500
committerGabe Cook <gabe565@gmail.com>2020-06-25 17:56:26 -0500
commitda6e676d6e42bb3e9a9feb212e152904330cff10 (patch)
tree70a36b8342fabc7806315632f051d460bfc6c910 /src
parent796a16c8da1e40aef418559ade2252a5275708c8 (diff)
downloadhomer-da6e676d6e42bb3e9a9feb212e152904330cff10.tar.gz
homer-da6e676d6e42bb3e9a9feb212e152904330cff10.tar.zst
homer-da6e676d6e42bb3e9a9feb212e152904330cff10.zip
:lipstick: Add fa-fw to icons by default to fix variable width icons
Fixes #93
Diffstat (limited to 'src')
-rw-r--r--src/App.vue6
-rw-r--r--src/components/DarkMode.vue2
-rw-r--r--src/components/Navbar.vue2
-rw-r--r--src/components/Service.vue2
-rw-r--r--src/components/SettingToggle.vue2
5 files changed, 7 insertions, 7 deletions
diff --git a/src/App.vue b/src/App.vue
index 17c3214..fec020c 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -14,7 +14,7 @@
14 <div v-cloak class="container"> 14 <div v-cloak class="container">
15 <div class="logo"> 15 <div class="logo">
16 <img v-if="config.logo" :src="config.logo" alt="dashboard logo" /> 16 <img v-if="config.logo" :src="config.logo" alt="dashboard logo" />
17 <i v-if="config.icon" :class="config.icon"></i> 17 <i v-if="config.icon" :class="['fa-fw', config.icon]"></i>
18 </div> 18 </div>
19 <div class="dashboard-title"> 19 <div class="dashboard-title">
20 <span class="headline">{{ config.subtitle }}</span> 20 <span class="headline">{{ config.subtitle }}</span>
@@ -61,7 +61,7 @@
61 <div v-if="!vlayout || filter" class="columns is-multiline"> 61 <div v-if="!vlayout || filter" class="columns is-multiline">
62 <template v-for="group in services"> 62 <template v-for="group in services">
63 <h2 v-if="group.name" class="column is-full group-title"> 63 <h2 v-if="group.name" class="column is-full group-title">
64 <i v-if="group.icon" :class="group.icon"></i> 64 <i v-if="group.icon" :class="['fa-fw', group.icon]"></i>
65 {{ group.name }} 65 {{ group.name }}
66 </h2> 66 </h2>
67 <Service 67 <Service
@@ -84,7 +84,7 @@
84 :key="group.name" 84 :key="group.name"
85 > 85 >
86 <h2 v-if="group.name" class="group-title"> 86 <h2 v-if="group.name" class="group-title">
87 <i v-if="group.icon" :class="group.icon"></i> 87 <i v-if="group.icon" :class="['fa-fw', group.icon]"></i>
88 {{ group.name }} 88 {{ group.name }}
89 </h2> 89 </h2>
90 <Service 90 <Service
diff --git a/src/components/DarkMode.vue b/src/components/DarkMode.vue
index 0bcde0f..a5aae41 100644
--- a/src/components/DarkMode.vue
+++ b/src/components/DarkMode.vue
@@ -4,7 +4,7 @@
4 aria-label="Toggle dark mode" 4 aria-label="Toggle dark mode"
5 class="navbar-item is-inline-block-mobile" 5 class="navbar-item is-inline-block-mobile"
6 > 6 >
7 <i class="fas fa-adjust"></i> 7 <i class="fas fa-fw fa-adjust"></i>
8 </a> 8 </a>
9</template> 9</template>
10 10
diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue
index d3ceaf8..c688a3a 100644
--- a/src/components/Navbar.vue
+++ b/src/components/Navbar.vue
@@ -29,7 +29,7 @@
29 <i 29 <i
30 v-if="link.icon" 30 v-if="link.icon"
31 style="margin-right: 6px;" 31 style="margin-right: 6px;"
32 :class="link.icon" 32 :class="['fa-fw', link.icon]"
33 ></i> 33 ></i>
34 {{ link.name }} 34 {{ link.name }}
35 </a> 35 </a>
diff --git a/src/components/Service.vue b/src/components/Service.vue
index a2448ca..88e6e69 100644
--- a/src/components/Service.vue
+++ b/src/components/Service.vue
@@ -11,7 +11,7 @@
11 </div> 11 </div>
12 <div v-if="item.icon" class="media-left"> 12 <div v-if="item.icon" class="media-left">
13 <figure class="image is-48x48"> 13 <figure class="image is-48x48">
14 <i style="font-size: 35px;" :class="item.icon"></i> 14 <i style="font-size: 35px;" :class="['fa-fw', item.icon]"></i>
15 </figure> 15 </figure>
16 </div> 16 </div>
17 <div class="media-content"> 17 <div class="media-content">
diff --git a/src/components/SettingToggle.vue b/src/components/SettingToggle.vue
index 864a497..ffc91a1 100644
--- a/src/components/SettingToggle.vue
+++ b/src/components/SettingToggle.vue
@@ -1,6 +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><i :class="['fas', value ? icon : iconAlt]"></i></span> 3 <span><i :class="['fas', 'fa-fw', value ? icon : iconAlt]"></i></span>
4 <slot></slot> 4 <slot></slot>
5 </a> 5 </a>
6</template> 6</template>