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

style: 优化Dialog与AlertDialog居中与间距样式

Browse Source 
调整AlertDialogContent、DialogContent及DialogOverlay的布局样式，统一弹窗居中方式，增加flex居中与padding，提升弹窗在不同屏幕下的显示效果与一致性。
This commit is contained in:
谦君
2025-12-25 19:51:15 +08:00
parent b6bcae3294
commit d95dffcfcd
3 changed files with 40 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -4,7 +4,7 @@
v-bind="delegatedProps"
:class="
cn(
'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-60 bg-black/80',
'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-60 bg-black/80 flex items-center justify-center p-4',
props.class
)
"