SHA256
Обновить запуск UI и упростить регистрацию
This commit is contained in:
@@ -438,6 +438,70 @@
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.initial-splash {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
z-index: 10000;
|
||||
display: grid;
|
||||
align-content: center;
|
||||
justify-items: center;
|
||||
gap: clamp(12px, 2.4vh, 20px);
|
||||
padding: 24px;
|
||||
overflow: hidden;
|
||||
background:
|
||||
radial-gradient(circle at 50% 18%, rgba(224, 172, 75, 0.08), transparent 26%),
|
||||
radial-gradient(circle at 50% 67%, rgba(45, 81, 143, 0.06), transparent 38%),
|
||||
linear-gradient(180deg, #040816 0%, #020611 54%, #01040c 100%);
|
||||
font-family: "Manrope", "Inter", "SF Pro Display", system-ui, sans-serif;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
transition: opacity 520ms ease, visibility 520ms ease;
|
||||
}
|
||||
|
||||
.initial-splash.is-leaving {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.initial-splash__logo-wrap {
|
||||
position: relative;
|
||||
isolation: isolate;
|
||||
width: clamp(232px, 59vw, 284px);
|
||||
aspect-ratio: 1;
|
||||
}
|
||||
|
||||
.initial-splash__logo-wrap::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
inset: 16%;
|
||||
z-index: -1;
|
||||
border-radius: 50%;
|
||||
background: rgba(214, 155, 56, 0.2);
|
||||
filter: blur(30px);
|
||||
animation: shine-halo-breathe 4.8s ease-in-out infinite;
|
||||
}
|
||||
|
||||
.initial-splash__logo {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
filter:
|
||||
drop-shadow(0 0 8px rgba(255, 211, 121, 0.72))
|
||||
drop-shadow(0 8px 22px rgba(225, 158, 48, 0.38));
|
||||
animation: shine-logo-breathe 4.8s ease-in-out infinite;
|
||||
}
|
||||
|
||||
.initial-splash__brand {
|
||||
margin-top: -4px;
|
||||
color: #f4ebdd;
|
||||
font-size: clamp(42px, 9vw, 56px);
|
||||
font-weight: 500;
|
||||
line-height: 1;
|
||||
text-shadow: 0 3px 22px rgba(210, 168, 90, 0.2);
|
||||
}
|
||||
|
||||
.auth-screen--welcome {
|
||||
position: relative;
|
||||
isolation: isolate;
|
||||
@@ -709,6 +773,14 @@
|
||||
}
|
||||
|
||||
@media (max-height: 760px) {
|
||||
.initial-splash__logo-wrap {
|
||||
width: 206px;
|
||||
}
|
||||
|
||||
.initial-splash__brand {
|
||||
font-size: 40px;
|
||||
}
|
||||
|
||||
.auth-screen--welcome {
|
||||
gap: 10px;
|
||||
}
|
||||
@@ -732,6 +804,12 @@
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.initial-splash {
|
||||
transition-duration: 1ms;
|
||||
}
|
||||
|
||||
.initial-splash__logo,
|
||||
.initial-splash__logo-wrap::before,
|
||||
.auth-logo,
|
||||
.auth-logo-wrap::before,
|
||||
.shine-btn {
|
||||
|
||||
Reference in New Issue
Block a user