Desktop Welten: Chips eine Zeile + Nav vertikal zentriert
- .world-chips-grid @768: flex nowrap, alle Chips in einer Zeile (80px Basis, shrinks bis 60px), justify-content:center — egal wie viele aktiv - #world-labels bottom: 22px→33px (vertikal zentriert zwischen Chips und Footer) - components.css ?v=1007, SW by-v1008, APP_VER 1008
This commit is contained in:
parent
8c69143b09
commit
9168d982d0
5 changed files with 20 additions and 8 deletions
|
|
@ -7916,14 +7916,26 @@ svg.empty-state-icon {
|
|||
.world-panel {
|
||||
padding-top: calc(env(safe-area-inset-top, 0px) + 48px);
|
||||
}
|
||||
/* Alle Chips in einer Zeile, zentriert, egal wie viele aktiv */
|
||||
.world-chips-grid {
|
||||
max-width: 480px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: center;
|
||||
max-width: none;
|
||||
margin: 0;
|
||||
gap: 7px;
|
||||
}
|
||||
.world-chip {
|
||||
flex: 0 1 80px;
|
||||
min-width: 60px;
|
||||
width: 80px;
|
||||
min-height: 74px;
|
||||
}
|
||||
/* Nav vertikal zentriert zwischen Chips und Footer */
|
||||
#world-labels {
|
||||
gap: 24px;
|
||||
bottom: calc(env(safe-area-inset-bottom, 0px) + 22px);
|
||||
bottom: calc(env(safe-area-inset-bottom, 0px) + 33px);
|
||||
}
|
||||
.wlabel {
|
||||
font-size: 12px;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue