From 704c0892ec2b2bf3c2c4d93c8e753d4dcd67e52c Mon Sep 17 00:00:00 2001 From: 4aiman Date: Thu, 25 Jun 2026 18:23:58 +0300 Subject: [PATCH] Landscape panel on the right side, nav hidden, GPS placeholder fix MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 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 --- frontend/css/styles.css | 32 ++++++++++++++++++++++++++++++-- src-tauri/Cargo.lock | 2 +- src-tauri/Cargo.toml | 2 +- src-tauri/tauri.conf.json | 2 +- 4 files changed, 33 insertions(+), 5 deletions(-) diff --git a/frontend/css/styles.css b/frontend/css/styles.css index 3fe7f16..9e5737b 100644 --- a/frontend/css/styles.css +++ b/frontend/css/styles.css @@ -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; diff --git a/src-tauri/Cargo.lock b/src-tauri/Cargo.lock index 26e84ef..3be4da6 100644 --- a/src-tauri/Cargo.lock +++ b/src-tauri/Cargo.lock @@ -139,7 +139,7 @@ checksum = "c08606f8c3cbf4ce6ec8e28fb0014a2c086708fe954eaa885384a6165172e7e8" [[package]] name = "baldav" -version = "0.1.262" +version = "0.1.270" dependencies = [ "btleplug", "lazy_static", diff --git a/src-tauri/Cargo.toml b/src-tauri/Cargo.toml index 9ed4f75..c7841b1 100644 --- a/src-tauri/Cargo.toml +++ b/src-tauri/Cargo.toml @@ -1,6 +1,6 @@ [package] name = "baldav" -version = "0.1.262" +version = "0.1.270" edition = "2021" [lib] diff --git a/src-tauri/tauri.conf.json b/src-tauri/tauri.conf.json index 8f1b9a1..97f912d 100644 --- a/src-tauri/tauri.conf.json +++ b/src-tauri/tauri.conf.json @@ -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"