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

refactor(lint): linter auto fix

Browse source
This commit is contained in:
Corentin Thomasset 2022-04-22 23:31:40 +02:00
parent 8e29a97404
commit 086d31eab5
No known key found for this signature in database
GPG key ID: DBD997E935996158
54 changed files with 1122 additions and 1503 deletions
Download patch file Download diff file Expand all files Collapse all files

46
src/components/ToolCard.vue
View file

@ -1,19 +1,12 @@
<template>
<router-link :to="tool.path">
<n-card class="tool-card">
<n-icon
class="icon"
size="40"
:component="tool.icon"
/>
<n-icon class="icon" size="40" :component="tool.icon" />
<n-h3 class="title">
<n-ellipsis>{{ tool.name }}</n-ellipsis>
</n-h3>
<div class="description">
<n-ellipsis
:line-clamp="2"
:tooltip="false"
>
<n-ellipsis :line-clamp="2" :tooltip="false">
{{ tool.description }}
</n-ellipsis>
</div>
@ -25,32 +18,31 @@
import type { ITool } from '@/tools/Tool';
import { toRefs, defineProps } from 'vue';
const props = defineProps<{ tool: ITool & { category: string } }>()
const { tool } = toRefs(props)
const props = defineProps<{ tool: ITool & { category: string } }>();
const { tool } = toRefs(props);
</script>
<style lang="less" scoped>
a {
text-decoration: none;
text-decoration: none;
}
.tool-card {
&:hover {
border-color: var(--n-color-target);
}
&:hover {
border-color: var(--n-color-target);
}
.icon {
opacity: 0.7;
}
.icon {
opacity: 0.7;
}
.title {
margin: 5px 0;
}
.title {
margin: 5px 0;
}
.description {
opacity: 0.7;
margin: 5px 0;
}
.description {
opacity: 0.7;
margin: 5px 0;
}
}
</style>
</style>