public-repos/it-tools
5
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

refactor(style): improve style for tool-card

Browse Source
This commit is contained in:
Corentin Thomasset 2022-04-14 23:12:19 +02:00
parent 1d09a01bb2
commit 65a6896563
No known key found for this signature in database
GPG Key ID: DBD997E935996158
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/ToolCard.vue
View File

@ -1,10 +1,12 @@
<template>
<router-link :to="tool.path">
<n-card class="tool-card">
<n-icon class="icon" size="35">
<n-icon class="icon" size="40">
<component :is="tool.icon" />
</n-icon>
<n-h3 class="title">{{ tool.name }}</n-h3>
<n-h3 class="title">
<n-ellipsis>{{ tool.name }}</n-ellipsis>
</n-h3>
<div class="description">
<n-ellipsis :line-clamp="2" :tooltip="false">{{ tool.description }}</n-ellipsis>
</div>
@ -30,12 +32,15 @@ a {
&:hover {
border-color: var(--n-color-target);
}
.icon {
opacity: 0.7;
}
.title {
margin: 5px 0;
}
.description {
opacity: 0.7;
margin: 5px 0;