MirrorMirror
/
funkwhale
mirror of https://dev.funkwhale.audio/funkwhale/funkwhale.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

refactor(ui): tags in card component have 4px gap

This commit is contained in:
upsiflu 2025-01-09 15:00:59 +01:00
parent af239917bc
commit 4b97b88f8d
1 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
front/src/components/ui/Card.vue
View File

@ -74,11 +74,11 @@ const attributes = computed(() =>
<slot name="alert" /> <slot name="alert" />
</Alert> </Alert>
<div v-if="tags" :class="$style.tags"> <Layout flex gap-4 v-if="tags" :class="$style.tags">
<Pill v-for="tag in tags" :key="tag"> <Pill v-for="tag in tags" :key="tag">
#{{ tag }} #{{ tag }}
</Pill> </Pill>
</div> </Layout>
<Layout no-gap v-if="$slots.default" :class="$style.content"> <Layout no-gap v-if="$slots.default" :class="$style.content">
<slot /> <slot />
@ -191,8 +191,7 @@ const attributes = computed(() =>
} }
>.tags { >.tags {
/* Tags have an inherent padding which we offset here: */ padding: 0 var(--fw-card-padding);
padding: 0 calc(var(--fw-card-padding) - 12px);
margin-top: 8px; margin-top: 8px;
} }