Backup_Repos/komga
1
0
Fork 0
mirror of https://github.com/gotson/komga.git synced 2025-12-06 08:32:25 +01:00
Code Issues Projects Releases Wiki Activity

position of the release card chips

Browse source
This commit is contained in:
Gauthier Roebroeck 2025-07-29 14:32:57 +08:00
parent 714c53b293
commit 4c43a98665
2 changed files with 32 additions and 34 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
next-ui/src/components/release/Card.mdx
View file

@ -8,4 +8,4 @@ import * as Stories from './Card.stories';
A card showing the details of a Komga release.
<Canvas of={Stories.Default} />
<Canvas of={Stories.LatestAndCurrent} />

64
next-ui/src/components/release/Card.vue
View file

@ -1,44 +1,42 @@
<template>
<v-card>
<template #title>
<div>
<span class="d-inline-flex ga-2 align-center">
<a
:href="release.url"
target="_blank"
class="text-h4 font-weight-medium link-underline me-2"
class="text-h4 font-weight-medium link-underline"
>{{ release.version }}</a
>
<span class="d-inline-flex mt-n3 ga-2 ms-2">
<v-chip
v-if="current"
size="small"
rounded
color="info"
>
{{
$formatMessage({
description:
'Updates view: badge showing next to the currently installed release number',
defaultMessage: 'Installed',
id: 'WADecv',
})
}}
</v-chip>
<v-chip
v-if="latest"
size="small"
rounded
>
{{
$formatMessage({
description: 'Updates view: badge showing next to the latest release number',
defaultMessage: 'Latest',
id: '2Bh8F2',
})
}}
</v-chip>
</span>
</div>
<v-chip
v-if="current"
size="small"
rounded
color="info"
>
{{
$formatMessage({
description:
'Updates view: badge showing next to the currently installed release number',
defaultMessage: 'Installed',
id: 'WADecv',
})
}}
</v-chip>
<v-chip
v-if="latest"
size="small"
rounded
>
{{
$formatMessage({
description: 'Updates view: badge showing next to the latest release number',
defaultMessage: 'Latest',
id: '2Bh8F2',
})
}}
</v-chip>
</span>
</template>
<template #subtitle>