Improve onboarding layout and add sidebar mascot
All checks were successful
Deploy Sokko G / deploy (push) Successful in 7s
All checks were successful
Deploy Sokko G / deploy (push) Successful in 7s
This commit is contained in:
parent
2f1526b86b
commit
48dcc8182c
12 changed files with 119 additions and 50 deletions
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue