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

Update MkImageGallery.item.vue

Browse Source
This commit is contained in:
syuilo
2026-07-10 16:41:26 +09:00
parent 3ecb2b4d13
commit 392fb2c40d
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -61,6 +61,7 @@ import * as os from '@/os.js';
import { i18n } from '@/i18n.js';
import { makeDoubleTapDetector } from '@/utility/double-tap.js';
import { calculateSourceTransform } from '@/components/MkImageGallery.utils.js';
import { deviceKind } from '@/utility/device-kind.js';
export type Image = {
id: string;
@@ -99,7 +100,7 @@ onMounted(() => {
infoShowing.value = true;
});
const padding = 30;
const padding = deviceKind === 'smartphone' ? 0 : 30;
const ANIMATION_DURATION = 200;
// maxからはみ出す場合は縮小、maxに満たない場合は拡大する(contain)
@@ -463,13 +464,13 @@ watch(thumbnailImageLoaded, () => {
left: 0;
width: 100%;
height: 30px;
background-color: rgba(0, 0, 0, 0.5);
background: var(--MI_THEME-panel);
display: flex;
justify-content: center;
align-items: center;
pointer-events: none;
font-size: 85%;
color: #fff;
color: var(--MI_THEME-fg);
opacity: 0;
transition: opacity 200ms ease, bottom 200ms ease;
}