mirrors/it-tools
1
0
Fork 0
mirror of https://github.com/CorentinTh/it-tools.git synced 2025-04-20 14:56:17 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

feat: added twitter link

Browse source
This commit is contained in:
Corentin Thomasset 2022-04-14 23:34:56 +02:00
parent 8559fbd774
commit d126abc7b1
No known key found for this signature in database
GPG key ID: DBD997E935996158
1 changed files with 4 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/layouts/base.layout.vue
View file

@ -3,7 +3,7 @@ import { NIcon } from 'naive-ui';
import { h, ref, type Component } from 'vue'; import { h, ref, type Component } from 'vue';
import { RouterLink, useRoute } from 'vue-router'; import { RouterLink, useRoute } from 'vue-router';
import { LightModeFilled, DarkModeFilled } from '@vicons/material' import { LightModeFilled, DarkModeFilled } from '@vicons/material'
import { Heart, BrandGithub } from '@vicons/tabler' import { Heart, BrandGithub, BrandTwitter } from '@vicons/tabler'
import { toolsByCategory } from '@/tools'; import { toolsByCategory } from '@/tools';
import SearchBar from '../components/SearchBar.vue'; import SearchBar from '../components/SearchBar.vue';
import { useStyleStore } from '@/stores/style.store'; import { useStyleStore } from '@/stores/style.store';
@ -65,6 +65,9 @@ const m = toolsByCategory.map(category => ({
target="_blank"> target="_blank">
<n-icon size="large" :component="BrandGithub" /> <n-icon size="large" :component="BrandGithub" />
</n-button> </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>
<n-button circle quaternary @click="styleStore.isDarkTheme = !styleStore.isDarkTheme"> <n-button circle quaternary @click="styleStore.isDarkTheme = !styleStore.isDarkTheme">
<n-icon size="large" v-if="styleStore.isDarkTheme" :component="LightModeFilled" /> <n-icon size="large" v-if="styleStore.isDarkTheme" :component="LightModeFilled" />
<n-icon size="large" v-else :component="DarkModeFilled" /> <n-icon size="large" v-else :component="DarkModeFilled" />