rene/banyaro
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Welten-Chips: bei <4 Chips auf dem Handy horizontal zentriert (Flex statt linksbündiges Grid), SW v1128

Browse source
This commit is contained in:
rene 2026-05-29 09:09:28 +02:00
parent ac291995bd
commit 184522a7c7
6 changed files with 29 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

13
backend/static/css/components.css
View file

@ -8225,6 +8225,19 @@ svg.empty-state-icon {
gap: 7px;
}
/* Handy: bei weniger als 4 Chips zentriert statt linksbündig (Symmetrie).
Chip-Breite bleibt exakt wie im 4er-Raster (3 Gaps × 7px = 21px). */
@media (max-width: 767px) {
.world-chips-grid:not(:has(.world-chip:nth-child(4))) {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.world-chips-grid:not(:has(.world-chip:nth-child(4))) .world-chip {
width: calc((100% - 21px) / 4);
}
}
/* Einzelner Chip: Frosted Glass */
.world-chip {
background: rgba(0, 0, 0, var(--wbg-dim, 0.35));