Skip to content

Update Overlay drawer width#1060

Open
gciotola wants to merge 1 commit intomainfrom
fix/overlay-drawer-width
Open

Update Overlay drawer width#1060
gciotola wants to merge 1 commit intomainfrom
fix/overlay-drawer-width

Conversation

@gciotola
Copy link
Copy Markdown
Contributor

Changes

Updates the drawer variant of the Overlay component to use a wider fixed width on medium+ screens, replacing the previous half-width constraint.

Before

md:w-1/2 max-w-150

After

md:w-170 max-w-[95vw]

This increases the drawer width on md screens to w-170 (42.5rem) and changes the maximum width cap to 95vw, ensuring the drawer is more usable on mid-size viewports while still respecting the viewport boundary on smaller screens.

@netlify
Copy link
Copy Markdown

netlify bot commented Mar 27, 2026

Deploy Preview for commercelayer-app-elements ready!

Name Link
🔨 Latest commit 11450ec
🔍 Latest deploy log https://app.netlify.com/projects/commercelayer-app-elements/deploys/69c6b4c7dce2330008d91c41
😎 Deploy Preview https://deploy-preview-1060--commercelayer-app-elements.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@gciotola gciotola self-assigned this Mar 27, 2026
@gciotola gciotola changed the title fix(Overlay): update drawer width to w-170 with max-w-[95vw] on md breakpoint Update Overlay drawer width Mar 27, 2026
@gciotola gciotola added the enhancement New feature or request label Mar 27, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants