ruslan/Stend_mont
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

login: logo only in top-left corner, left panel 1/3 right panel 2/3

Browse Source
This commit is contained in:
Ruslan
2026-05-11 08:54:25 +00:00
parent 020793a3e2
commit 666093f1c6
2 changed files with 15 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/static/style.css
+14 -24
View File
@@ -819,9 +819,20 @@ button {
height: 100vh; height: 100vh;
} }
.login-corner-logo {
position: fixed;
top: 16px;
left: 20px;
z-index: 100;
height: 36px;
width: auto;
filter: brightness(0) invert(1);
opacity: 0.85;
}
/* LEFT PANEL */ /* LEFT PANEL */
.login-left { .login-left {
flex: 0 0 48%; flex: 0 0 33.333%;
background: linear-gradient(150deg, #050d1a 0%, #091829 55%, #0e2344 100%); background: linear-gradient(150deg, #050d1a 0%, #091829 55%, #0e2344 100%);
position: relative; position: relative;
display: flex; display: flex;
@@ -859,14 +870,6 @@ button {
width: 100%; width: 100%;
} }
.login-left-logo {
width: min(160px, 38%);
height: auto;
margin-bottom: 2.25rem;
display: block;
filter: brightness(0) invert(1);
opacity: 0.92;
}
.login-left-title { .login-left-title {
font-size: clamp(1.65rem, 2.6vw, 2.25rem); font-size: clamp(1.65rem, 2.6vw, 2.25rem);
@@ -943,14 +946,6 @@ button {
max-width: 340px; max-width: 340px;
} }
.login-right-logo {
width: 90px;
height: auto;
margin-bottom: 2rem;
display: block;
filter: brightness(0) invert(1);
opacity: 0.7;
}
.login-form-title { .login-form-title {
font-size: 1.55rem; font-size: 1.55rem;
@@ -1097,11 +1092,7 @@ button {
flex: none; flex: none;
padding: 2.5rem 1.5rem 2rem; padding: 2.5rem 1.5rem 2rem;
} }
.login-left-logo { .login-left-title {
width: 120px;
margin-bottom: 1.5rem;
}
.login-left-title {
font-size: 1.5rem; font-size: 1.5rem;
} }
.login-left-desc { .login-left-desc {
@@ -1111,8 +1102,7 @@ button {
padding: 2rem 1.5rem 4rem; padding: 2rem 1.5rem 4rem;
} }
.login-right::before { display: none; } .login-right::before { display: none; }
.login-right-logo { display: none; } .login-footer { bottom: 0.75rem; }
.login-footer { bottom: 0.75rem; }
} }
@media (max-width: 480px) { @media (max-width: 480px) {
app/templates/login.html
+1 -2
View File
@@ -24,12 +24,12 @@
<!-- /Yandex.Metrika counter --> <!-- /Yandex.Metrika counter -->
</head> </head>
<body> <body>
<img src="/static/logo.png" alt="MONT" class="login-corner-logo" />
<div class="login-wrap"> <div class="login-wrap">
<aside class="login-left"> <aside class="login-left">
<div class="login-left-glow login-left-glow-top"></div> <div class="login-left-glow login-left-glow-top"></div>
<div class="login-left-glow login-left-glow-bottom"></div> <div class="login-left-glow login-left-glow-bottom"></div>
<div class="login-left-inner"> <div class="login-left-inner">
<img src="/static/logo.png" alt="MONT" class="login-left-logo" />
<h1 class="login-left-title">Инфраструктурный<br>полигон МОНТ</h1> <h1 class="login-left-title">Инфраструктурный<br>полигон МОНТ</h1>
<p class="login-left-desc">Платформа для демонстрации и практического знакомства с отечественным ПО. Браузерный доступ к рабочим стендам с российскими ОС, платформами виртуализации, СРК и другими решениями — без установки и настройки.</p> <p class="login-left-desc">Платформа для демонстрации и практического знакомства с отечественным ПО. Браузерный доступ к рабочим стендам с российскими ОС, платформами виртуализации, СРК и другими решениями — без установки и настройки.</p>
<ul class="login-features"> <ul class="login-features">
@@ -54,7 +54,6 @@
</aside> </aside>
<main class="login-right"> <main class="login-right">
<div class="login-right-inner"> <div class="login-right-inner">
<img src="/static/logo.png" alt="MONT" class="login-right-logo" />
<div class="login-form-title">Вход в систему</div> <div class="login-form-title">Вход в систему</div>
<div class="login-form-subtitle">Инфраструктурный полигон</div> <div class="login-form-subtitle">Инфраструктурный полигон</div>
{% if session_notice %}<div class="session-notice lp-session-notice">{{ session_notice }}</div>{% endif %} {% if session_notice %}<div class="session-notice lp-session-notice">{{ session_notice }}</div>{% endif %}