diff --git a/server/frontend/auth/image/bg.png b/server/frontend/auth/image/bg.png deleted file mode 100644 index 9a91822..0000000 Binary files a/server/frontend/auth/image/bg.png and /dev/null differ diff --git a/server/frontend/auth/image/bg.webp b/server/frontend/auth/image/bg.webp new file mode 100644 index 0000000..a07b759 Binary files /dev/null and b/server/frontend/auth/image/bg.webp differ diff --git a/server/frontend/auth/image/hamster.png b/server/frontend/auth/image/hamster.png deleted file mode 100644 index dc6d5da..0000000 Binary files a/server/frontend/auth/image/hamster.png and /dev/null differ diff --git a/server/frontend/auth/image/hamster.webp b/server/frontend/auth/image/hamster.webp new file mode 100644 index 0000000..ade41fb Binary files /dev/null and b/server/frontend/auth/image/hamster.webp differ diff --git a/server/frontend/auth/login.css b/server/frontend/auth/login.css index cc1b012..000e13a 100644 --- 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 { diff --git a/server/frontend/auth/login.html b/server/frontend/auth/login.html index 974db91..8fc8d72 100644 --- a/server/frontend/auth/login.html +++ b/server/frontend/auth/login.html @@ -5,8 +5,16 @@