Fix pinned version style on short versions

This commit is contained in:
Nassim Jahnke 2022-06-21 22:26:39 +02:00
parent 0c63be2a90
commit 1d07bf7d18
No known key found for this signature in database
GPG Key ID: 6BE3B555EBC5982B

View File

@ -99,17 +99,17 @@ useHead(useSeo(props.project.name, props.project.description, route, projectIcon
<template #header>{{ i18n.t("project.pinnedVersions") }}</template>
<ul class="divide-y divide-blue-500/50">
<li v-for="(version, index) in project.pinnedVersions" :key="`${index}-${version.name}`" class="p-1 py-2 flex">
<!-- todo: why is the color the enum id -->
<div class="">
<div class="flex-grow">
<router-link :to="createPinnedVersionUrl(version)">
{{ version.name }}
<br />
<div class="inline-flex items-center">
<Tag :name="version.channel.name" :color="{ background: version.channel.color }"></Tag>
<PlatformLogo v-for="(platform, idx) in version.platforms" :key="`${idx}-${platform}`" :platform="platform" :size="24" class="mr-1" />
</div>
</router-link>
</div>
<div class="items-end items-center inline-flex">
<div class="items-center inline-flex">
<DownloadButton :project="project" :pinned-version="version" small></DownloadButton>
</div>
</li>