Moe/ogame-vue-ts
1
0
Fork 0
mirror of https://github.com/setube/ogame-vue-ts.git synced 2026-05-12 16:05:12 +08:00
Code Issues Packages Projects Releases Wiki Activity

style: 优化可滚动Dialog内容与遮罩布局

Browse Source 
ScrollableDialogContent重构遮罩与内容结构，遮罩层支持flex居中与内边距，内容容器样式与DialogContent统一，提升弹窗显示一致性与居中效果。DialogContent补充relative定位，便于后续扩展。
This commit is contained in:
谦君
2025-12-25 20:12:01 +08:00
parent 04ee72a33d
commit ca1aed1e9b
2 changed files with 17 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/ui/dialog/DialogContent.vue
View File

@@ -9,7 +9,7 @@
v-bind="{ ...$attrs, ...forwarded }"
:class="
cn(
'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 z-60 grid w-full max-w-2xl gap-4 rounded-lg border p-6 shadow-lg duration-200',
'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 z-60 grid w-full max-w-2xl gap-4 rounded-lg border p-6 shadow-lg duration-200 relative',
props.class
)
"