diff options
Diffstat (limited to 'src/components/ToolCard.vue')
-rw-r--r-- | src/components/ToolCard.vue | 9 |
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; |