From a49eb6a6441e9274f762b59f3286ba181d259fb7 Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Tue, 20 Jan 2026 19:18:45 +0000
Subject: [PATCH] Make Login Modal full-screen on mobile devices

This change updates `components/login-modal.html` to remove layout constraints (`items-start`, `justify-center`, `max-h-modal-shell`) on mobile viewports (< lg) by prefixing them with `lg:`. This allows the modal to utilize the default full-screen behavior provided by the `.bv-modal` and `.modal-sheet` classes on smaller screens, matching the behavior of the Profile and Video modals. Desktop layout remains unchanged.
---
 components/login-modal.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/login-modal.html b/components/login-modal.html
index 92b89c3b..7f4fe844 100644
--- a/components/login-modal.html
+++ b/components/login-modal.html
@@ -1,6 +1,6 @@
 <div
   id="loginModal"
-  class="bv-modal hidden items-start justify-center"
+  class="bv-modal hidden lg:items-start lg:justify-center"
   role="dialog"
   aria-modal="true"
   aria-labelledby="loginModalTitle"
@@ -10,7 +10,7 @@
   <div class="bv-modal-backdrop" data-dismiss></div>
 
   <div
-    class="modal-sheet max-h-modal-shell flex min-h-0 flex-col overflow-hidden"
+    class="modal-sheet lg:max-h-modal-shell flex min-h-0 flex-col overflow-hidden"
     tabindex="-1"
   >
     <!-- Header with the special exit button (unchanged) -->