From c95b6768bfe43f4b6c0d7d321a62a91f2dba9c0b Mon Sep 17 00:00:00 2001
From: nanaya <me@nanaya.net>
Date: Wed, 9 Oct 2024 21:09:57 +0900
Subject: [PATCH] Simplify session verification css

---
 .../css/bem/user-verification-popup.less      | 29 ++++++++-----------
 .../layout/_user_verification_popup.blade.php | 10 ++-----
 2 files changed, 15 insertions(+), 24 deletions(-)

diff --git a/resources/css/bem/user-verification-popup.less b/resources/css/bem/user-verification-popup.less
index 2e259a94d18..1beff0f9a52 100644
--- a/resources/css/bem/user-verification-popup.less
+++ b/resources/css/bem/user-verification-popup.less
@@ -2,29 +2,24 @@
 // See the LICENCE file in the repository root for full licence text.
 
 .user-verification-popup {
-  display: flex;
-  flex-direction: column;
+  .default-box-shadow();
+  .at2x-simple("~@images/backgrounds/user-verification.jpg");
+
+  display: grid;
+  justify-content: flex-start;
+
+  background-size: cover;
+  background-position: center 0;
+
   width: 100%;
   height: 100%;
-  justify-content: flex-start;
+  padding: 0 20px;
 
   .js-user-verification--center & {
     justify-content: center;
   }
 
-  &__box {
-    @media @desktop {
-      width: 50%;
-    }
-  }
-
-  &__modal {
-    .default-box-shadow();
-    .at2x-simple("~@images/backgrounds/user-verification.jpg");
-    background-size: cover;
-    background-position: center 0;
-    width: 100%;
-
-    padding: 0 20px;
+  @media @desktop {
+    grid-template-columns: 1fr 1fr;
   }
 }
diff --git a/resources/views/layout/_user_verification_popup.blade.php b/resources/views/layout/_user_verification_popup.blade.php
index b4b677f1cb4..ec4b32fb203 100644
--- a/resources/views/layout/_user_verification_popup.blade.php
+++ b/resources/views/layout/_user_verification_popup.blade.php
@@ -7,13 +7,9 @@
 
     <div class="js-user-verification modal fade" tabindex="-1">
         <div class="modal-dialog modal-dialog--full">
-            <div class="user-verification-popup">
-                <div class="osu-layout__row">
-                    <div class="user-verification-popup__modal">
-                        <div class="js-user-verification--box user-verification-popup__box">
-                            @yield('user-verification-box')
-                        </div>
-                    </div>
+            <div class="osu-page">
+                <div class="user-verification-popup js-user-verification--box">
+                    @yield('user-verification-box')
                 </div>
             </div>
         </div>