shinuwa/sokko-g
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Extend NDS patterns and migrate shared UI surfaces
All checks were successful
Deploy Sokko G / deploy (push) Successful in 17s
Details

Browse source
This commit is contained in:
Shinuwa 2026-09-02 15:50:04 +02:00
parent fef7735a1d
commit 9aa98c892d
41 changed files with 1035 additions and 405 deletions
Download patch file Download diff file Expand all files Collapse all files

35
website/src/styles/overlays/_drawers.scss
View file

@ -5,7 +5,7 @@
.drawer-backdrop {
position: fixed;
inset: 0;
inset: var(--drawer-top-offset, 68px) 0 0 0;
z-index: 40;
background: rgba(2, 3, 9, 0.24);
backdrop-filter: none;
@ -13,26 +13,11 @@
.drawer-panel {
position: fixed;
inset: 0 0 0 auto;
inset: var(--drawer-top-offset, 68px) 0 0 auto;
z-index: 50;
width: min(720px, 94vw);
min-width: 360px;
max-width: 94vw;
overflow: auto;
border-left: 0;
background:
linear-gradient(
180deg,
rgba(246, 196, 83, 0.92),
rgba(139, 92, 246, 0.64) 48%,
rgba(196, 181, 253, 0.72)
) left top / 1px 100% no-repeat,
rgba(7, 9, 19, 0.82);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
box-shadow:
inset 8px 0 18px rgba(139, 92, 246, 0.08),
var(--shadow-lg);
padding: var(--space-5);
}
@ -50,28 +35,14 @@
.drawer-resize-handle {
position: fixed;
top: 50%;
top: calc(var(--drawer-top-offset, 68px) + ((100vh - var(--drawer-top-offset, 68px)) / 2));
right: calc(var(--drawer-panel-width, min(720px, 94vw)) - 18px);
z-index: 62;
width: 14px;
height: 72px;
border-radius: var(--radius-pill);
cursor: ew-resize;
transform: translateY(-50%);
}
.drawer-resize-handle::before {
content: "";
position: absolute;
top: 0;
left: 5px;
width: 4px;
height: 100%;
border-radius: inherit;
background: var(--gradient-brand);
opacity: 0.72;
}
body.is-resizing-drawer,
body.is-resizing-drawer * {
cursor: ew-resize !important;