Landscape panel on the right side, nav hidden, GPS placeholder fix
- flex-direction:row in landscape — panel 200px on the right, stats vertical - CSS rotation compensates phone orientation, user sees element coords directly - Bottom nav hidden in landscape, restored on exit - GPS placeholder overlay: separate div from map container to avoid Leaflet conflict - display:contents removed, clean column layout for stats in landscape
This commit is contained in:
parent
fda820568e
commit
704c0892ec
4 changed files with 33 additions and 5 deletions
|
|
@ -1090,8 +1090,7 @@ select {
|
|||
}
|
||||
|
||||
/* Landscape: CSS rotation compensates physical rotation.
|
||||
flex-direction stays column: element-bottom = visual-right after rotate.
|
||||
No font-size changes — everything stays portrait-sized, just rearranged. */
|
||||
User sees element coords directly — so flex-direction:row = panel on the RIGHT. */
|
||||
.rec-screen.landscape-right,
|
||||
.rec-screen.landscape-left {
|
||||
position: fixed;
|
||||
|
|
@ -1100,6 +1099,7 @@ select {
|
|||
top: calc((100vh - 100vw) / 2);
|
||||
left: calc((100vw - 100vh) / 2);
|
||||
z-index: 9999;
|
||||
flex-direction: row;
|
||||
}
|
||||
.rec-screen.landscape-right {
|
||||
transform: rotate(-90deg);
|
||||
|
|
@ -1107,6 +1107,34 @@ select {
|
|||
.rec-screen.landscape-left {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
.rec-screen.landscape-right .rec-map-wrap,
|
||||
.rec-screen.landscape-left .rec-map-wrap {
|
||||
min-height: 0;
|
||||
}
|
||||
.rec-screen.landscape-right .rec-panel,
|
||||
.rec-screen.landscape-left .rec-panel {
|
||||
width: 200px;
|
||||
flex-shrink: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-evenly;
|
||||
border-left: 1px solid var(--border);
|
||||
}
|
||||
.rec-screen.landscape-right .rec-stats,
|
||||
.rec-screen.landscape-left .rec-stats {
|
||||
flex-direction: column;
|
||||
border-top: none;
|
||||
padding: 8px;
|
||||
gap: 2px;
|
||||
}
|
||||
.rec-screen.landscape-right .rec-bottom .rec-status,
|
||||
.rec-screen.landscape-left .rec-bottom .rec-status {
|
||||
display: none;
|
||||
}
|
||||
.rec-screen.landscape-right .rec-hr-row,
|
||||
.rec-screen.landscape-left .rec-hr-row {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.rec-stats {
|
||||
display: flex;
|
||||
|
|
|
|||
2
src-tauri/Cargo.lock
generated
2
src-tauri/Cargo.lock
generated
|
|
@ -139,7 +139,7 @@ checksum = "c08606f8c3cbf4ce6ec8e28fb0014a2c086708fe954eaa885384a6165172e7e8"
|
|||
|
||||
[[package]]
|
||||
name = "baldav"
|
||||
version = "0.1.262"
|
||||
version = "0.1.270"
|
||||
dependencies = [
|
||||
"btleplug",
|
||||
"lazy_static",
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
[package]
|
||||
name = "baldav"
|
||||
version = "0.1.262"
|
||||
version = "0.1.270"
|
||||
edition = "2021"
|
||||
|
||||
[lib]
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
{
|
||||
"$schema": "https://raw.githubusercontent.com/nicegui/tauri-v2/refs/heads/main/tooling/cli/schema.json",
|
||||
"productName": "BalDav",
|
||||
"version": "0.1.262",
|
||||
"version": "0.1.270",
|
||||
"identifier": "dev.baldav.app",
|
||||
"build": {
|
||||
"frontendDist": "../frontend"
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue