adaptive_fix_4

2026-05-11 16:48:09 +03:00
parent 7ddee3f12d
commit beef191051
52 changed files with 404 additions and 151 deletions
--- a/server/frontend/auth/image/bg.png
+++ b/server/frontend/auth/image/bg.png
--- a/server/frontend/auth/image/bg.webp
+++ b/server/frontend/auth/image/bg.webp
--- a/server/frontend/auth/image/hamster.png
+++ b/server/frontend/auth/image/hamster.png
--- a/server/frontend/auth/image/hamster.webp
+++ b/server/frontend/auth/image/hamster.webp
--- a/server/frontend/auth/login.css
+++ b/server/frontend/auth/login.css
@@ -19,18 +19,25 @@
    font-style: normal;
    font-display: swap;
 }
-body {
+
+body, html {
    font-family: "MurreyC";
-    background: url('./image/bg.png') no-repeat 100% 100% fixed;
-    background-size: cover;
    margin: 0;
    padding: 0;
 }
+.bg {
+    position: fixed;
+    inset: 0;
+
+    background: url("image/bg.webp") center center / cover no-repeat;
+
+    z-index: -1;
+}
 .glass-container {
    position: fixed;
    inset: 0;
    backdrop-filter: blur(16px);
-    background: rgba(255,255,255,0.1); /* обязательно */
+    background: rgba(20,20,20,.35);
 }
 .login-box {
    height: 100%;
@@ -39,7 +46,7 @@ body {
    justify-content: center;
    align-items: center;
    flex-direction: column;
-    background: url('./image/hamster.png') no-repeat 50% 50%;
+    background: url('./image/hamster.webp') no-repeat 50% 50%;
    padding-top: 50px;
 }
 form {
@@ -69,9 +76,12 @@ button {
    background-color: #3a1f09;
    padding: 10px 15px;
    border-radius: 33px;
-    transition: all .1s;
+    transition:
+    transform .1s ease,
+    background-color .1s ease,
+    color .1s ease;
    color: #e5b97e;
-    box-shadow: #3a1f09 2px 4px 10px 2px;
+    box-shadow: 0 4px 12px rgba(58,31,9,.3);
    cursor: pointer;
 }
 button:hover {
--- a/server/frontend/auth/login.html
+++ b/server/frontend/auth/login.html
@@ -5,8 +5,16 @@
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Login</title>
    <link rel="stylesheet" href="login.css">
+    <link
+  rel="preload"
+  href="fonts/MurreyC/murreyc.woff2"
+  as="font"
+  type="font/woff2"
+  crossorigin
+>
 </head>
 <body>
+    <div class="bg"></div>
    <div class="glass-container">
        <div class="login-box">
            <h2>Введите код</h2>
@@ -16,6 +24,6 @@
            </form>
        </div>
    </div>
-    <script src="login.js"></script>
+    <script src="login.js" defer></script>
 </body>
 </html>