fix: wrap video tags into multiple lines

This commit is contained in:
Bnyro 2023-08-03 14:00:01 +02:00
parent b0407636c1
commit d1d7b72e21

View File

@ -169,11 +169,11 @@
<div v-text="`${$t('video.license')}: ${video.license}`" /> <div v-text="`${$t('video.license')}: ${video.license}`" />
<div class="capitalize" v-text="`${$t('video.visibility')}: ${video.visibility}`" /> <div class="capitalize" v-text="`${$t('video.visibility')}: ${video.visibility}`" />
<div v-if="video.tags" class="flex gap-2 mt-2"> <div v-if="video.tags" class="flex flex-wrap gap-2 mt-2">
<router-link <router-link
v-for="tag in video.tags" v-for="tag in video.tags"
:key="tag" :key="tag"
class="rounded-s px-2 py-1 btn" class="rounded-s px-2 py-1 btn line-clamp-1"
:to="`/results?search_query=${encodeURIComponent(tag)}`" :to="`/results?search_query=${encodeURIComponent(tag)}`"
>{{ tag }}</router-link >{{ tag }}</router-link
> >