diff options
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/ColoredCard.vue | 4 | ||||
| -rw-r--r-- | src/components/TextareaCopyable.vue | 4 | ||||
| -rw-r--r-- | src/components/ToolCard.vue | 8 |
3 files changed, 7 insertions, 9 deletions
diff --git a/src/components/ColoredCard.vue b/src/components/ColoredCard.vue index 911d1e0..9aaf167 100644 --- a/src/components/ColoredCard.vue +++ b/src/components/ColoredCard.vue @@ -1,8 +1,6 @@ <template> <c-card class="colored-card"> - <n-space justify="space-between" align="center"> - <n-icon class="icon" size="40" :component="icon" /> - </n-space> + <n-icon class="icon" size="40" :component="icon" /> <n-h3 class="title"> <n-ellipsis>{{ title }}</n-ellipsis> </n-h3> diff --git a/src/components/TextareaCopyable.vue b/src/components/TextareaCopyable.vue index 38288d4..17f90e2 100644 --- a/src/components/TextareaCopyable.vue +++ b/src/components/TextareaCopyable.vue @@ -21,9 +21,9 @@ <span>{{ tooltipText }}</span> </n-tooltip> </c-card> - <n-space v-if="copyPlacement === 'outside'" justify="center" mt-4> + <div v-if="copyPlacement === 'outside'" mt-4 flex justify-center> <c-button @click="onCopyClicked"> {{ tooltipText }} </c-button> - </n-space> + </div> </div> </template> diff --git a/src/components/ToolCard.vue b/src/components/ToolCard.vue index 64dc113..db67914 100644 --- a/src/components/ToolCard.vue +++ b/src/components/ToolCard.vue @@ -1,9 +1,9 @@ <template> <router-link :to="tool.path"> <c-card class="tool-card"> - <n-space justify="space-between" align="center"> + <div flex items-center justify-between> <n-icon class="icon" size="40" :component="tool.icon" /> - <n-space align="center"> + <div flex items-center gap-8px> <n-tag v-if="tool.isNew" size="small" @@ -17,8 +17,8 @@ </n-tag> <favorite-button :tool="tool" /> - </n-space> - </n-space> + </div> + </div> <n-h3 class="title"> <n-ellipsis>{{ tool.name }}</n-ellipsis> </n-h3> |