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

feat(tools): new badge for recently created tools

Browse source
This commit is contained in:
Corentin Thomasset 2022-06-01 23:52:21 +02:00
parent ac89490794
commit 11720e6cde
No known key found for this signature in database
GPG key ID: DBD997E935996158
33 changed files with 320 additions and 100 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/layouts/tool.layout.vue
View file

@ -4,8 +4,10 @@ import BaseLayout from './base.layout.vue';
import { useHead } from '@vueuse/head';
import type { HeadObject } from '@vueuse/head';
import { reactive } from 'vue';
import { useThemeVars } from 'naive-ui';
const route = useRoute();
const theme = useThemeVars();
const head = reactive<HeadObject>({
title: `${route.meta.name} - IT Tools`,
@ -27,7 +29,21 @@ useHead(head);
<base-layout>
<div class="tool-layout">
<div class="tool-header">
<n-h1>{{ route.meta.name }}</n-h1>
<n-h1>
{{ route.meta.name }}
<n-tag
v-if="route.meta.isNew"
round
type="success"
:bordered="false"
:color="{ color: theme.primaryColor, textColor: theme.tagColor }"
>
New tool
</n-tag>
<!-- <span class="new-tool-badge">New !</span> -->
</n-h1>
<div class="separator" />
<div class="description">
{{ route.meta.description }}