diff options
author | 2022-04-14 23:26:19 +0200 | |
---|---|---|
committer | 2022-04-14 23:26:19 +0200 | |
commit | d4e226e09face78da794fa7e676eef85d05dde75 (patch) | |
tree | 547e98867bdf7e2ea058ba7201cd28c659d54582 | |
parent | 1b1474046f54df076e9aa271f5f5544fce6933f1 (diff) | |
download | it-tools-d4e226e09face78da794fa7e676eef85d05dde75.tar.gz it-tools-d4e226e09face78da794fa7e676eef85d05dde75.tar.zst it-tools-d4e226e09face78da794fa7e676eef85d05dde75.zip |
feat(navbar): added github link
-rw-r--r-- | src/layouts/base.layout.vue | 14 |
1 files changed, 7 insertions, 7 deletions
diff --git a/src/layouts/base.layout.vue b/src/layouts/base.layout.vue index 9f2d3b9..fcd06f1 100644 --- a/src/layouts/base.layout.vue +++ b/src/layouts/base.layout.vue @@ -3,7 +3,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 } from '@vicons/tabler' +import { Heart, BrandGithub } from '@vicons/tabler' import { toolsByCategory } from '@/tools'; import SearchBar from '../components/SearchBar.vue'; import { useStyleStore } from '@/stores/style.store'; @@ -61,13 +61,13 @@ 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> <n-button circle quaternary @click="styleStore.isDarkTheme = !styleStore.isDarkTheme"> - <n-icon size="large" v-if="styleStore.isDarkTheme"> - <LightModeFilled /> - </n-icon> - <n-icon size="large" v-else> - <DarkModeFilled /> - </n-icon> + <n-icon size="large" v-if="styleStore.isDarkTheme" :component="LightModeFilled" /> + <n-icon size="large" v-else :component="DarkModeFilled" /> </n-button> </div> <slot /> |