Remzona54/it-tools
1
0
Fork 0
mirror of https://github.com/CorentinTh/it-tools.git synced 2026-08-27 04:07:35 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: restore tool descriptions

Browse source
This commit is contained in:
shake 2026-06-23 02:25:49 +08:00
parent 74831ba3e6
commit 3a6d20101b
1 changed files with 18 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

25
src/components/ToolCard.vue
View file

@ -15,7 +15,7 @@ const theme = useThemeVars();
style="border-radius: 22px; box-shadow: 0 10px 24px rgba(62, 43, 18, 0.06); overflow: hidden;"
>
<div class="tool-card__header" flex items-center justify-between>
<n-icon class="text-neutral-400 dark:text-neutral-600" size="36" :component="tool.icon" />
<n-icon class="text-neutral-400 dark:text-neutral-600" size="40" :component="tool.icon" />
<div flex items-center gap-8px>
<div
@ -35,6 +35,12 @@ const theme = useThemeVars();
<div class="tool-card__title text-base font-medium text-black dark:text-white">
{{ tool.name }}
</div>
<div class="tool-card__description text-neutral-500 dark:text-neutral-400">
<n-ellipsis :line-clamp="2" :tooltip="false">
{{ tool.description }}
</n-ellipsis>
</div>
</c-card>
</router-link>
</template>
@ -44,10 +50,10 @@ const theme = useThemeVars();
background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 251, 243, 0.94) 100%);
display: flex;
flex-direction: column;
justify-content: flex-start;
gap: 10px;
min-height: 140px;
padding: 14px 16px 12px;
justify-content: space-between;
gap: 14px;
min-height: 172px;
padding: 16px 18px 14px;
}
.tool-card:hover {
@ -56,11 +62,16 @@ const theme = useThemeVars();
}
.tool-card__header {
min-height: 30px;
min-height: 34px;
}
.tool-card__title {
font-size: 15px;
font-size: 16px;
line-height: 1.25;
}
.tool-card__description {
line-height: 1.5;
min-height: 3em;
}
</style>