feat: make modals scrollable

jsdelivr · Aug 25, 2024 · d16fcfd · d16fcfd
1 parent a65ab33
commit d16fcfd
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/pages/probes.vue b/pages/probes.vue
@@ -120,7 +120,7 @@
 		<Dialog
 			v-model:visible="probeDetailsDialog"
 			position="top"
-			class="mt-8 min-w-[700px] max-md:min-w-[95%]"
+			class="!my-8 min-w-[700px] max-md:min-w-[95%]"
 			modal
 			dismissable-mask
 			:draggable="false"

diff --git a/presets/aura/dialog/index.js b/presets/aura/dialog/index.js
@@ -8,7 +8,7 @@ export default {
 
 			// Size
 			props.position === 'top' ? 'max-h[calc(95vh-7*16px)]' : 'max-h-[90vh]',
-			{ 'mt-28': props.position === 'top' },
+			{ 'my-28': props.position === 'top' },
 			'w-[50vw]',
 			'm-0',
 
@@ -113,6 +113,8 @@ export default {
 
 			// Background and Effects
 			{ 'has-[.mask-active]:bg-transparent bg-black/40': props.modal },
+
+			'overflow-y-scroll',
 		],
 	}),
 	transition: ({ props }) => {