aboutsummaryrefslogtreecommitdiffhomepage
path: root/src/components
diff options
context:
space:
mode:
authorBastien Wirtz <bastien.wirtz@gmail.com>2020-06-28 11:55:50 -0700
committerGitHub <noreply@github.com>2020-06-28 11:55:50 -0700
commitae73d7a5a0a3ae38c99f30b85275b3b253f0bd08 (patch)
treed90a174dfb736c442492c558c721fddfb43a82a4 /src/components
parent25b6367aa14a6aefa842f70dc208fdb3e11f6e06 (diff)
parentda6e676d6e42bb3e9a9feb212e152904330cff10 (diff)
downloadhomer-ae73d7a5a0a3ae38c99f30b85275b3b253f0bd08.tar.gz
homer-ae73d7a5a0a3ae38c99f30b85275b3b253f0bd08.tar.zst
homer-ae73d7a5a0a3ae38c99f30b85275b3b253f0bd08.zip
Merge pull request #97 from gabe565/fa-fw
Add fa-fw to icons by default to fix variable width icons
Diffstat (limited to 'src/components')
-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
4 files changed, 4 insertions, 4 deletions
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>