Skip to content

Commit 28548ea

Browse files
committed
position of the release card chips
1 parent 2ad81e4 commit 28548ea

File tree

2 files changed

+32
-34
lines changed

2 files changed

+32
-34
lines changed

next-ui/src/components/release/Card.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,4 +8,4 @@ import * as Stories from './Card.stories';
88

99
A card showing the details of a Komga release.
1010

11-
<Canvas of={Stories.Default} />
11+
<Canvas of={Stories.LatestAndCurrent} />

next-ui/src/components/release/Card.vue

Lines changed: 31 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -1,44 +1,42 @@
11
<template>
22
<v-card>
33
<template #title>
4-
<div>
4+
<span class="d-inline-flex ga-2 align-center">
55
<a
66
:href="release.url"
77
target="_blank"
8-
class="text-h4 font-weight-medium link-underline me-2"
8+
class="text-h4 font-weight-medium link-underline"
99
>{{ release.version }}</a
1010
>
11-
<span class="d-inline-flex mt-n3 ga-2 ms-2">
12-
<v-chip
13-
v-if="current"
14-
size="small"
15-
rounded
16-
color="info"
17-
>
18-
{{
19-
$formatMessage({
20-
description:
21-
'Updates view: badge showing next to the currently installed release number',
22-
defaultMessage: 'Installed',
23-
id: 'WADecv',
24-
})
25-
}}
26-
</v-chip>
27-
<v-chip
28-
v-if="latest"
29-
size="small"
30-
rounded
31-
>
32-
{{
33-
$formatMessage({
34-
description: 'Updates view: badge showing next to the latest release number',
35-
defaultMessage: 'Latest',
36-
id: '2Bh8F2',
37-
})
38-
}}
39-
</v-chip>
40-
</span>
41-
</div>
11+
<v-chip
12+
v-if="current"
13+
size="small"
14+
rounded
15+
color="info"
16+
>
17+
{{
18+
$formatMessage({
19+
description:
20+
'Updates view: badge showing next to the currently installed release number',
21+
defaultMessage: 'Installed',
22+
id: 'WADecv',
23+
})
24+
}}
25+
</v-chip>
26+
<v-chip
27+
v-if="latest"
28+
size="small"
29+
rounded
30+
>
31+
{{
32+
$formatMessage({
33+
description: 'Updates view: badge showing next to the latest release number',
34+
defaultMessage: 'Latest',
35+
id: '2Bh8F2',
36+
})
37+
}}
38+
</v-chip>
39+
</span>
4240
</template>
4341

4442
<template #subtitle>

0 commit comments

Comments
 (0)