diff options
| author |  Corentin Thomasset <corentin.thomasset74@gmail.com>
| 2022-04-14 23:45:03 +0200 |
|---|---|---|
| committer | Corentin Thomasset <corentin.thomasset74@gmail.com>
| 2022-04-14 23:45:03 +0200 |
| commit | 9bb7fc47aa70bdc5083d0883f1496fac63f812ea (patch) | |
| tree | 4094e094ac85800213c98a07c5cb2bf5b0f85349 /src | |
| parent | d126abc7b12a9fce778fe9883e44dca581509778 (diff) | |
| download | it-tools-9bb7fc47aa70bdc5083d0883f1496fac63f812ea.tar.gz it-tools-9bb7fc47aa70bdc5083d0883f1496fac63f812ea.tar.zst it-tools-9bb7fc47aa70bdc5083d0883f1496fac63f812ea.zip | |
refactor: icon sizes
Diffstat (limited to 'src')
| -rw-r--r-- | src/layouts/base.layout.vue | 20 |
1 files changed, 10 insertions, 10 deletions
diff --git a/src/layouts/base.layout.vue b/src/layouts/base.layout.vue index c8aba19..cd5001d 100644 --- a/src/layouts/base.layout.vue +++ b/src/layouts/base.layout.vue @@ -2,8 +2,7 @@ import { NIcon } from 'naive-ui'; import { h, ref, type Component } from 'vue'; import { RouterLink, useRoute } from 'vue-router'; -import { LightModeFilled, DarkModeFilled } from '@vicons/material' -import { Heart, BrandGithub, BrandTwitter } from '@vicons/tabler' +import { Heart, BrandGithub, BrandTwitter, Moon, Sun } from '@vicons/tabler' import { toolsByCategory } from '@/tools'; import SearchBar from '../components/SearchBar.vue'; import { useStyleStore } from '@/stores/style.store'; @@ -61,16 +60,17 @@ const m = toolsByCategory.map(category => ({ <n-icon :component="Heart" /> Sponsor </n-button> - <n-button circle quaternary tag="a" href="https://github.com/CorentinTh/it-tools" rel="noopener" - target="_blank"> - <n-icon size="large" :component="BrandGithub" /> + <n-button size="large" circle quaternary tag="a" href="https://github.com/CorentinTh/it-tools" + rel="noopener" target="_blank"> + <n-icon size="25" :component="BrandGithub" /> </n-button> - <n-button circle quaternary tag="a" href="https://twitter.com/cthmsst" rel="noopener" target="_blank"> - <n-icon size="large" :component="BrandTwitter" /> + <n-button size="large" circle quaternary tag="a" href="https://twitter.com/cthmsst" rel="noopener" + target="_blank"> + <n-icon size="25" :component="BrandTwitter" /> </n-button> - <n-button circle quaternary @click="styleStore.isDarkTheme = !styleStore.isDarkTheme"> - <n-icon size="large" v-if="styleStore.isDarkTheme" :component="LightModeFilled" /> - <n-icon size="large" v-else :component="DarkModeFilled" /> + <n-button size="large" circle quaternary @click="styleStore.isDarkTheme = !styleStore.isDarkTheme"> + <n-icon size="25" v-if="styleStore.isDarkTheme" :component="Sun" /> + <n-icon size="25" v-else :component="Moon" /> </n-button> </div> <slot /> |