feat(ui): make disclaimer modal full-screen on mobile

Refactors the disclaimer modal to use responsive utility classes, forcing full-screen width/height on mobile while preserving the card-based layout on desktop. This matches the behavior of the login modal and works around existing CSS limitations for modal sheets.
This commit is contained in:
google-labs-jules[bot] committed 2026-01-21 03:55:37 +00:00
1 parent c98f2cd720
commit a9bd3e1010
2 files changed
+3 -3

No files matched your search

+2 -2
View File
@@ -1,7 +1,7 @@
<!-- Disclaimer Modal (wide, matching other modals) -->
<div
id="disclaimerModal"
class="bv-modal hidden items-start justify-center"
class="bv-modal hidden p-0 sm:p-0 lg:p-8 lg:items-start lg:justify-center overflow-hidden"
role="dialog"
aria-modal="true"
aria-labelledby="disclaimerModalTitle"
@@ -11,7 +11,7 @@
<div class="bv-modal-backdrop" data-dismiss></div>
<!-- Outer container with wide layout, just like content-appeals-form -->
<div class="bv-modal__panel modal-sheet max-h-modal-shell flex flex-col overflow-hidden" tabindex="-1">
<div class="modal-sheet w-full h-full max-w-none rounded-none border-0 lg:max-h-modal-shell lg:max-w-5xl lg:rounded-modal-xl lg:border lg:h-auto flex min-h-0 flex-col overflow-hidden" tabindex="-1">
<!-- Main Content -->
<div class="modal-body flex-1 overflow-y-auto">
<div class="mx-auto max-w-3xl space-y-8 text-base text-text">