yudao
/
admin-vben
mirror of https://gitee.com/yudaocode/yudao-ui-admin-vben.git
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: alert width fixed in small screen (#6312)

dev
Netfan 2025-05-30 19:54:26 +08:00 committed by GitHub
parent 96a10ca83f
commit 081d08a7f8
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 2 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/@core/ui-kit/popup-ui/src/alert/alert.vue
View File

@ -34,7 +34,6 @@ const props = withDefaults(defineProps<AlertProps>(), {
bordered: true, bordered: true,
buttonAlign: 'end', buttonAlign: 'end',
centered: true, centered: true,
containerClass: 'w-[520px]',
}); });
const emits = defineEmits(['closed', 'confirm', 'opened']); const emits = defineEmits(['closed', 'confirm', 'opened']);
const open = defineModel<boolean>('open', { default: false }); const open = defineModel<boolean>('open', { default: false });
@ -148,7 +147,7 @@ async function handleOpenChange(val: boolean) {
:class=" :class="
cn( cn(
containerClass, containerClass,
'left-0 right-0 mx-auto flex max-h-[80%] flex-col p-0 duration-300 sm:rounded-[var(--radius)] md:w-[520px] md:max-w-[80%]', 'left-0 right-0 mx-auto flex max-h-[80%] flex-col p-0 duration-300 sm:w-[520px] sm:max-w-[80%] sm:rounded-[var(--radius)]',
{ {
'border-border border': bordered, 'border-border border': bordered,
'shadow-3xl': !bordered, 'shadow-3xl': !bordered,

2
packages/@core/ui-kit/shadcn-ui/src/ui/alert-dialog/AlertDialogContent.vue
View File

@ -80,7 +80,7 @@ defineExpose({
v-bind="forwarded" v-bind="forwarded"
:class=" :class="
cn( cn(
'z-popup bg-background w-full p-6 shadow-lg outline-none sm:rounded-xl', 'z-popup bg-background p-6 shadow-lg outline-none sm:rounded-xl',
'data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95', 'data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95',
'data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95', 'data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95',
{ {