a/it-tools
1
0
Fork 0
mirror of https://github.com/Art051/it-tools.git synced 2025-08-11 19:29:03 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(page) added the /about page

Browse Source
This commit is contained in:
Corentin Thomasset
2022-04-16 10:46:52 +02:00
parent dbce46b470
commit 6154df2789
3 changed files with 147 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
src/layouts/base.layout.vue
View File

@@ -2,7 +2,7 @@
import { NIcon } from 'naive-ui';
import { h, ref, type Component } from 'vue';
import { RouterLink, useRoute } from 'vue-router';
import { Heart, BrandGithub, BrandTwitter, Moon, Sun, Menu2, Home2 } from '@vicons/tabler'
import { Heart, BrandGithub, BrandTwitter, Moon, Sun, Menu2, Home2, InfoCircle } from '@vicons/tabler'
import { toolsByCategory } from '@/tools';
import SearchBar from '../components/SearchBar.vue';
import { useStyleStore } from '@/stores/style.store';
@@ -86,6 +86,26 @@ const m = toolsByCategory.map(category => ({
:component="BrandTwitter"
/>
</n-button>
<router-link
to="/about"
#="{ navigate, href }"
custom
>
<n-button
tag="a"
:href="href"
circle
quaternary
size="large"
aria-label="Home"
@click="navigate"
>
<n-icon
size="25"
:component="InfoCircle"
/>
</n-button>
</router-link>
<n-button
size="large"
circle
@@ -202,6 +222,29 @@ const m = toolsByCategory.map(category => ({
:component="BrandTwitter"
/>
</n-button>
<router-link
v-if="!styleStore.isSmallScreen"
to="/about"
#="{ navigate, href }"
custom
>
<n-button
tag="a"
:href="href"
circle
quaternary
size="large"
aria-label="Home"
@click="navigate"
>
<n-icon
size="25"
:component="InfoCircle"
/>
</n-button>
</router-link>
<n-button
v-if="!styleStore.isSmallScreen"
size="large"