aboutsummaryrefslogtreecommitdiff
path: root/src/components/ToolCard.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/ToolCard.vue')
-rw-r--r--src/components/ToolCard.vue9
1 files changed, 7 insertions, 2 deletions
diff --git a/src/components/ToolCard.vue b/src/components/ToolCard.vue
index bceaf15..895af6d 100644
--- a/src/components/ToolCard.vue
+++ b/src/components/ToolCard.vue
@@ -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;