andras/life-towers
andras/life-towers
Watch
1
0
Fork
You've already forked life-towers
 0
Code Issues Pull requests 10 Projects Releases Packages 1 Wiki Activity Actions

Improve UX & fix bugs
All checks were successful
CI / Backend tests (push) Successful in 27s
Details
CI / Frontend lint (push) Successful in 32s
Details
Docker / build-and-push (push) Successful in 40s
Details
CI / Frontend unit tests (push) Successful in 25s
Details
CI / Frontend build (push) Successful in 25s
Details
CI / Playwright e2e (push) Successful in 1m27s
Details

Browse source
This commit is contained in:
Andras Schmelczer 2026-06-09 08:12:48 +01:00
commit 29de505fe2
1 changed files with 485 additions and 141 deletions
Download patch file Download diff file Expand all files Collapse all files

18
frontend/src/app/components/page/page.component.scss
View file

@ -57,7 +57,7 @@
}
}
& > * {
&>* {
width: 100%;
max-width: 200px;
box-sizing: border-box;
@ -68,13 +68,13 @@
position: relative;
// Mobile: fixed-width towers with horizontal scroll (1.5-column rhythm).
@media (max-width: $mobile-width) {
width: auto;
margin-inline: calc(-1 * var(--large-padding));
--mobile-tower-width: calc(66vw - var(--small-padding));
--mobile-tower-side-padding: max(
var(--medium-padding),
calc((100% - var(--mobile-tower-width)) / 2)
);
--mobile-tower-side-padding: max(var(--medium-padding),
calc((100% - var(--mobile-tower-width)) / 2));
overflow-x: auto;
overflow-y: hidden;
@ -85,14 +85,14 @@
flex-wrap: nowrap;
justify-content: flex-start;
padding: 0 var(--mobile-tower-side-padding);
max-width: 100%;
max-width: none;
gap: var(--medium-padding);
&::-webkit-scrollbar {
display: none;
}
& > * {
&>* {
width: var(--mobile-tower-width) !important;
max-width: var(--mobile-tower-width) !important;
min-width: var(--mobile-tower-width) !important;
@ -201,4 +201,4 @@
transform: translateX(-50%) scale(1.1);
}
}
}
}