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

Migrate site controls to Nebula design system
All checks were successful
Deploy Sokko G / deploy (push) Successful in 17s
Details

Browse source
This commit is contained in:
Shinuwa 2026-08-29 09:16:58 +02:00
parent e3d0925eb1
commit 817e21567b
127 changed files with 5380 additions and 2363 deletions
Download patch file Download diff file Expand all files Collapse all files

50
website/src/styles/games/_filters.scss
View file

@ -76,15 +76,6 @@
font-size: var(--font-size-lg);
}
.filter-reset-button {
color: var(--color-text-secondary);
box-shadow: var(--shadow-sm);
}
.filter-reset-button:hover {
background: rgba(21, 26, 48, 0.96);
}
.field.compact {
padding: var(--space-4) 0;
}
@ -98,27 +89,14 @@
background: rgba(5, 7, 17, 0.36);
}
.filter-logic button {
min-height: 30px;
padding: 0 12px;
border-color: rgba(246, 196, 83, 0.24);
background:
linear-gradient(135deg, rgba(72, 43, 160, 0.72), rgba(45, 52, 146, 0.68)) padding-box,
linear-gradient(135deg, rgba(246, 196, 83, 0.46), rgba(139, 92, 246, 0.28)) border-box;
color: var(--color-text-primary);
font-size: var(--font-size-sm);
font-weight: 800;
text-transform: uppercase;
.filter-logic-group {
flex: 0 0 auto;
}
.filter-logic button:hover {
border-color: rgba(246, 196, 83, 0.52);
background:
linear-gradient(135deg, rgba(109, 40, 217, 0.86), rgba(67, 56, 202, 0.82)) padding-box,
linear-gradient(135deg, rgba(246, 196, 83, 0.72), rgba(196, 181, 253, 0.42)) border-box;
box-shadow:
0 0 14px rgba(139, 92, 246, 0.14),
inset 0 1px 0 rgba(255, 255, 255, 0.1);
.filter-logic-group button {
min-height: 30px;
padding: 0 12px;
text-transform: uppercase;
}
.filter-options {
@ -151,22 +129,6 @@
color: var(--color-text-primary);
}
.filter-chip input {
flex: 0 0 18px;
width: 18px;
min-width: 18px;
max-width: 18px;
inline-size: 18px;
min-inline-size: 18px;
max-inline-size: 18px;
height: 18px;
min-height: 18px;
max-height: 18px;
block-size: 18px;
min-block-size: 18px;
max-block-size: 18px;
}
.filter-chip img {
width: 22px;
height: 22px;

25
website/src/styles/games/_lists.scss
View file

@ -20,26 +20,8 @@
}
.game-list-help-link {
display: inline-flex;
width: fit-content;
min-height: 36px;
align-items: center;
justify-content: center;
margin-top: var(--space-3);
border-color: rgba(165, 180, 252, 0.18);
background: rgba(5, 7, 17, 0.24);
color: var(--color-text-secondary);
font-size: var(--font-size-sm);
font-weight: 800;
padding: 7px 12px;
}
.game-list-help-link:hover {
border-color: rgba(246, 196, 83, 0.44);
background:
linear-gradient(135deg, rgba(246, 196, 83, 0.1), rgba(139, 92, 246, 0.08)) padding-box,
linear-gradient(135deg, rgba(246, 196, 83, 0.42), rgba(196, 181, 253, 0.22)) border-box;
color: var(--color-text-primary);
}
.game-list-selector {
@ -244,13 +226,6 @@
width: 40px;
min-width: 40px;
min-height: 40px;
padding: 0;
border-radius: var(--radius-md);
}
.game-list-create-button:disabled {
opacity: 0.45;
cursor: not-allowed;
}
.game-list-create-button .module-icon {