mirrors/misskey
1
0
Fork 1
mirror of https://github.com/misskey-dev/misskey.git synced 2026-07-25 16:45:00 +02:00
Code Releases Activity

Update MkImageGallery.item.vue

Browse Source
This commit is contained in:
syuilo
2026-07-11 15:21:55 +09:00
parent 955418a2e1
commit 159d4e00dc
1 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
packages/frontend/src/components/MkImageGallery.item.vue
View File

@@ -68,7 +68,11 @@ SPDX-License-Identifier: AGPL-3.0-only
<div :class="[$style.header, { [$style.infoShowing]: infoShowing && !isZooming }]">
<div :class="$style.title" class="_acrylic">
<MkCondensedLine :minScale="0.5">{{ content.comment ?? content.filename }}</MkCondensedLine>
<button class="_button" :class="$style.titleButton"><i class="ti ti-x" @click="closeThis"></i></button>
<div style="flex: 1; min-width: 0;">
<MkCondensedLine :minScale="0.5">{{ content.comment ?? content.filename }}</MkCondensedLine>
</div>
<button class="_button" :class="$style.titleButton"><i class="ti ti-x" @click="closeThis"></i></button>
</div>
</div>
@@ -665,14 +669,18 @@ function onCLick() {
}
.title {
display: flex;
width: max-content;
max-width: calc(100% - 20px);
margin: auto;
padding: 6px 14px;
padding: 6px 0px;
box-sizing: border-box;
border-radius: 0 0 10px 10px;
font-size: 85%;
}
.titleButton {
width: 30px;
}
.mediaControl {
width: 100%;