@insymetri/styleguide 0.1.68 → 0.1.69
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -72,7 +72,10 @@
|
|
|
72
72
|
if (isInsidePortaledMenu(target)) e.preventDefault()
|
|
73
73
|
}}
|
|
74
74
|
class={cn(
|
|
75
|
-
|
|
75
|
+
// Centered vertically (top-1/2 + -translate-y-1/2) so a tall modal stays within the
|
|
76
|
+
// viewport: with max-h-[90vh] its edges land at ~5vh/95vh. The previous top-[30%]
|
|
77
|
+
// anchor pushed the top edge off-screen once a modal grew past ~60vh tall.
|
|
78
|
+
'fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 bg-surface border border-strong rounded-12 w-[calc(100%-20px)] max-h-[90vh] flex flex-col z-15 data-[state=open]:animate-modal-in data-[state=closed]:animate-modal-out motion-reduce:animate-none focus:outline-none',
|
|
76
79
|
overlay === 'none' ? 'shadow-floating' : 'shadow-modal',
|
|
77
80
|
size === 'sm' && 'max-w-400',
|
|
78
81
|
size === 'md' && 'max-w-500',
|