From ea3ff1ebcbdceab05c5c3a49c36c072273cb87ab Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9Chuailei000=E2=80=9D?= <2280131253@qq.com>
Date: Tue, 19 Sep 2023 19:39:01 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E7=99=BB=E5=BD=95?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E7=A7=BB=E5=8A=A8=E7=AB=AF=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../templates/authentication/login.html       | 42 ++++++++++++++++++-
 1 file changed, 40 insertions(+), 2 deletions(-)

diff --git a/apps/authentication/templates/authentication/login.html b/apps/authentication/templates/authentication/login.html
index 9c24f12c9..e19635ca6 100644
--- a/apps/authentication/templates/authentication/login.html
+++ b/apps/authentication/templates/authentication/login.html
@@ -228,6 +228,39 @@
             font-size: 16px;
             text-align: center;
         }
+
+        .mobile-logo {
+            display: none;
+        }
+
+        @media (max-width: 768px) {
+            body {
+                background-color: #ffffff;
+            }
+
+            .login-content {
+                width: 100%;
+            }
+
+            .left-form-box {
+                width: 100%;
+                border-right: none;
+            }
+
+            .right-image-box {
+                display: none;
+            }
+
+            .navbar-top-links {
+                display: inline;
+                float: right;
+            }
+
+            .mobile-logo {
+                display: block;
+                padding: 20px 30px 0 30px;
+            }
+        }
     </style>
 </head>
 
@@ -246,6 +279,11 @@
         </a>
     </div>
     <div class="left-form-box {% if not form.challenge and not form.captcha %} no-captcha-challenge {% endif %}">
+        <div class="mobile-logo">
+            <a href="{% if not XPACK_ENABLED %}https://github.com/jumpserver/jumpserver.git{% endif %}">
+                <img src="{% static 'img/logo_text_green.png' %}" class="right-image" alt="screen-image"/>
+            </a>
+        </div>
         <div style="position: relative;top: 50%;transform: translateY(-50%);">
             <div style='padding: 15px 60px; text-align: left'>
                 <h2 style='font-weight: 400;display: inline'>
@@ -306,13 +344,13 @@
                     {% endif %}
                     <div class="form-group auto-login" style="margin-bottom: 10px">
                         <div class="row" style="overflow: hidden;">
-                            <div class="col-md-6" style="text-align: left">
+                            <div class="col-md-6 col-xs-6" style="text-align: left">
                                 {% if form.auto_login %}
                                     {% bootstrap_field form.auto_login form_group_class='auto_login_box' %}
                                 {% endif %}
                             </div>
 
-                            <div class="col-md-6" style="line-height: 25px">
+                            <div class="col-md-6 col-xs-6" style="line-height: 25px">
                                 <a id="forgot_password" href="{{ forgot_password_url }}" style="float: right">
                                     <small>{% trans 'Forgot password' %}?</small>
                                 </a>