Skip to content

Commit 1ad7695

Browse files
committed
style: 关于弹窗对齐 MCM 尺寸
容器宽度 min(85vw,60em),logo 用容器查询缩放
1 parent fdebdf3 commit 1ad7695

1 file changed

Lines changed: 3 additions & 3 deletions

File tree

ChuChartManager/Front/src/components/VersionInfo.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -21,12 +21,12 @@ export default defineComponent({
2121
)}
2222

2323
<Modal
24-
width="min(85vw,30em)"
24+
width="min(85vw,60em)"
2525
title={t('about.title')}
2626
v-model:show={show.value}
2727
>
28-
<div class="flex flex-col gap-3">
29-
<img src="/logo-wide.png" class="w-56 mx-auto mt-1 mb-2" />
28+
<div class="flex flex-col gap-3" style={{ containerType: 'inline-size' }}>
29+
<img src="/logo-wide.png" class="w-[58cqw] mx-auto mt-2 mb-6" />
3030
<div>
3131
<div class="text-sm op-60">{t('about.version')}</div>
3232
<div>v{appVersion.value.version}</div>

0 commit comments

Comments
 (0)