Improve onboarding layout and add sidebar mascot
All checks were successful
Deploy Sokko G / deploy (push) Successful in 7s

This commit is contained in:
Shinuwa 2026-08-12 23:53:50 +02:00
parent 2f1526b86b
commit 48dcc8182c
12 changed files with 119 additions and 50 deletions

View file

@ -18,7 +18,7 @@
flex-direction: column;
gap: var(--space-4);
padding: var(--space-5);
border-right: 1px solid var(--color-border);
border-right: 2px solid var(--color-border);
background: rgba(11, 14, 27, 0.82);
backdrop-filter: blur(10px);
box-shadow: var(--shadow-md);
@ -145,6 +145,27 @@
color: var(--color-text-primary);
}
.sidebar-mascot {
position: absolute;
top: 47%;
right: 0;
z-index: 0;
display: block;
pointer-events: none;
transform: translateY(-50%);
}
.sidebar-mascot img {
display: block;
width: 134px;
object-fit: contain;
opacity: 0.86;
filter:
saturate(1.04)
brightness(1.02)
drop-shadow(0 24px 34px rgba(0, 0, 0, 0.32));
}
.sidebar-secondary-links {
display: grid;
gap: 4px;