Andras Bacsai 4592d19ed3 fix: replace inline styles with Tailwind classes in modal-input component ...

The modal-input component was using inline <style> blocks with ID selectors
to apply width constraints, which had inconsistent specificity and only
applied on lg+ breakpoints. This caused modals to appear full-width instead
of being properly constrained.

Replaced the inline style approach with Tailwind utility classes following
the pattern used in modal-confirmation component:
- Removed inline <style> block with media queries
- Added min-w-full and lg:min-w-[{minWidth}] for responsive minimum width
- Added max-w-[{maxWidth}] and max-h-[calc(100vh-2rem)] for size constraints

This ensures consistent modal sizing across all breakpoints and fixes the
full-width modal issue reported when adding shared environment variables.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

2025-11-18 10:29:08 +01:00

..

css

style: update background colors to use gray-50 for consistency in auth views

2025-11-06 08:43:43 +01:00

fonts

chore: Add log1x/laravel-webfonts package

2024-06-25 13:44:46 +02:00

js

feat(terminal): dispatch focus event for terminal after connection and enhance focus handling in JavaScript

2025-07-18 22:39:42 +02:00

views

fix: replace inline styles with Tailwind classes in modal-input component

2025-11-18 10:29:08 +01:00