studio-variable/designtopack
3
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

Fix images tags display #38

Browse source
This commit is contained in:
Timothée Goguely 2024-12-04 16:12:27 +01:00
parent ea299ef583
commit 75a4dba4ec
2 changed files with 8 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/assets/css/src/2.blocks.image.css
View file

@ -41,8 +41,10 @@
height: 1.5rem; height: 1.5rem;
} }
.image .tag { .image .tags {
position: absolute; position: absolute;
top: var(--space-12); top: var(--space-12);
left: var(--space-12); left: var(--space-12);
right: var(--space-12);
gap: var(--space-8);
} }

8
src/components/project/brief/Images.vue
View file

@ -24,9 +24,11 @@
:class="{ 'has-description': image.description.length > 0 }" :class="{ 'has-description': image.description.length > 0 }"
@click="imageDetails = image" @click="imageDetails = image"
> >
<span v-for="tag in image.tags" class="tag | btn btn--sm">{{ <p class="tags | flex">
tag <span v-for="tag in image.tags" class="tag | btn btn--sm">{{
}}</span> tag
}}</span>
</p>
<img :src="image.url" alt="" /> <img :src="image.url" alt="" />
</figure> </figure>
</template> </template>