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

fix: better link style

Browse source
This commit is contained in:
ShareVB 2024-07-12 22:59:22 +02:00
parent aa90b72f29
commit aee135386b
2 changed files with 16 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

1
components.d.ts vendored
View file

@ -132,6 +132,7 @@ declare module '@vue/runtime-core' {
NConfigProvider: typeof import('naive-ui')['NConfigProvider']
NDivider: typeof import('naive-ui')['NDivider']
NEllipsis: typeof import('naive-ui')['NEllipsis']
NForm: typeof import('naive-ui')['NForm']
NFormItem: typeof import('naive-ui')['NFormItem']
NGi: typeof import('naive-ui')['NGi']
NGrid: typeof import('naive-ui')['NGrid']

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

@ -7,6 +7,8 @@ import VueMarkdown from 'vue-markdown-render';
import BaseLayout from './base.layout.vue';
import FavoriteButton from '@/components/FavoriteButton.vue';
import type { Tool } from '@/tools/tools.types';
import { useTheme } from '@/ui/c-link/c-link.theme';
import { useThemeVars } from 'naive-ui';
const route = useRoute();
@ -33,7 +35,10 @@ const toolFooter = computed<string>(() => {
const createLink = (linkText: string, url: string) => {
return `[${linkText.replace('[', '\\[').replace(']', '\\]')}](${url.replace('(', '%28').replace(')', '%29')})`;
};
const footer = t(`tools.${i18nKey.value}.footer`, String(route.meta.footer));
let footer = t(`tools.${i18nKey.value}.footer`, String(route.meta.footer));
if (footer === 'undefined') {
footer = '';
}
const npmPackages = (route.meta.npmPackages as string[] || [])
.map(
packageName => createLink(
@ -42,6 +47,7 @@ const toolFooter = computed<string>(() => {
);
return ((npmPackages.length > 0 ? `Made with ${npmPackages.join(', ')}\n` : '') + footer).trim();
});
const themeVars = useThemeVars();
</script>
<template>
@ -124,9 +130,15 @@ const toolFooter = computed<string>(() => {
opacity: 0.7;
}
}
.tool-footer {
}
.tool-footer {
opacity: 0.7;
font-size: 12px;
text-align: center;
::v-deep(a) {
color: v-bind('themeVars.textColor1');
font-style: italic;
}
}
}
</style>