k1nq/TREK
1
0
Fork 0
mirror of https://github.com/mauriceboe/TREK.git synced 2026-11-13 15:51:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(mobile): grid cards keep their height, a previewed photo its proportions

Browse Source 
Cards in the large-screen grid keep their own height instead of stretching
to a taller neighbour in their row, which drew a short booking as an empty
panel. The file preview beside the grid shows a photo at its own
proportions rather than letterboxed in a portrait frame.

On a 13" iPad on its side the cloud plans of the native shell stand two by
two in their half of the screen, so the whole offer is in view at once.
This commit is contained in:
Maurice
2026-11-07 16:43:54 +01:00
parent 0b7cee0b0d
commit 7083667cbf
3 changed files with 41 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/native-shell/shell.css
+11
View File
@@ -1013,6 +1013,17 @@ a.linkbtn {
inset-inline: max(32px, calc(25vw - 220px));
}
}
/* With the whole half of a 13" iPad on its side, the plans stand two by two
rather than in a column to scroll through. */
@media (min-width: 1200px) and (min-height: 600px) and (orientation: landscape) {
.shell:has(.plans) {
padding-inline: max(32px, calc(25vw - 320px));
}
.plans {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 700px) and (min-height: 900px) and (orientation: portrait) {
body::before,
body::after {