[alpoi]

The demo's feedback dialog (#386) stretched across the whole window.

Cause

Volt's Dialog adds w-1/3 and max-w-screen to its root. They beat the w-full max-w-lg passed in, so the width came out as w-full with no cap: 1024px wide in a 1024px window.

Fix

Give the dialog an inline width, min(32rem, calc(100vw - 2rem)), which wins over the root classes. Measured in the browser:

Viewport	Before	After
1024×768	1024px	512px
375×812	375px (full width)	343px (16px each side)

A spec checks for the inline width.

Other dialogs that pass class="w-full max-w-2xl" probably have the same problem. They're left alone here.

🤖 Generated with Claude Code

[coderabbitai]

Important

• Trigger review

This repository does not receive automatic reviews because it has fewer than 10 stars.

Run configuration

• Source mode: Auto
• Repository: Unavailable
• Branch: Unavailable
• File: No configuration file from this repository applied
• Commit: Unavailable
• Layers: Organization UI
• Review profile: ASSERTIVE
• Plan: Advanced
• Run ID: 41ef8686-d136-4fb1-b81b-42d047bf56f0

• Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Tip

🎯 Customize your risk assessments

Guide how CodeRabbit assesses merge risk and security architecture risk. Highlight sensitive changes and explain your security boundaries using Merge Risk Instructions and Security Risk Instructions in your review settings. Security architecture risk assessments require the Advanced plan or above.

✅ Automatic approvals, with your rules

Let CodeRabbit approve pull requests once required threads are resolved, pre-merge checks pass, and your risk limits are met. Enable Automatic approvals in review settings, with overrides for teams or file paths.

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

Share

• X
• Mastodon
• Reddit
• LinkedIn