@shellui/core 0.0.23 → 0.1.0
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.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@shellui/core",
|
|
3
|
-
"version": "0.0
|
|
3
|
+
"version": "0.1.0",
|
|
4
4
|
"description": "ShellUI Core - Core React application runtime",
|
|
5
5
|
"main": "src/index.ts",
|
|
6
6
|
"type": "module",
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
"workbox-strategies": "^7.1.0",
|
|
58
58
|
"workbox-cacheable-response": "^7.1.0",
|
|
59
59
|
"workbox-expiration": "^7.1.0",
|
|
60
|
-
"@shellui/sdk": "0.0
|
|
60
|
+
"@shellui/sdk": "0.1.0"
|
|
61
61
|
},
|
|
62
62
|
"peerDependencies": {
|
|
63
63
|
"react": "^18.0.0 || ^19.0.0",
|
|
@@ -79,9 +79,10 @@ const DrawerContent = forwardRef<ComponentRef<typeof VaulDrawer.Content>, Drawer
|
|
|
79
79
|
const isVertical = pos === 'top' || pos === 'bottom';
|
|
80
80
|
// Set dimension via inline style; use both width/height and max so Vaul/defaults don't override.
|
|
81
81
|
const effectiveSize = size?.trim() || (isVertical ? '80vh' : '80vw');
|
|
82
|
+
// Use min() to ensure drawer doesn't exceed viewport on mobile devices
|
|
82
83
|
const sizeStyle = isVertical
|
|
83
|
-
? { height: effectiveSize, maxHeight: effectiveSize }
|
|
84
|
-
: { width: effectiveSize, maxWidth: effectiveSize };
|
|
84
|
+
? { height: effectiveSize, maxHeight: `min(${effectiveSize}, 100vh)` }
|
|
85
|
+
: { width: effectiveSize, maxWidth: `min(${effectiveSize}, 100%)` };
|
|
85
86
|
return (
|
|
86
87
|
<DrawerPortal>
|
|
87
88
|
<DrawerOverlay />
|