fix: improve the display of modal and drawer on mobile (#4237)

This commit is contained in:
Vben
2024-08-26 20:54:20 +08:00
committed by GitHub
parent 577cc85851
commit fd7b3479b4
19 changed files with 99 additions and 34 deletions

View File

@@ -45,6 +45,7 @@ defineExpose({
<DialogPortal>
<DialogOverlay
class="data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 bg-overlay fixed inset-0 z-[1000] backdrop-blur-sm"
data-dismissable-modal="true"
@click="() => emits('close')"
/>
<DialogContent

View File

@@ -40,6 +40,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
<DialogPortal>
<DialogOverlay
class="bg-overlay 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-[1000]"
data-dismissable-modal="true"
/>
<DialogContent
:class="cn(sheetVariants({ side }), 'z-[1000]', props.class)"