From b64f98c83476499ae01112f763c3793f371487c0 Mon Sep 17 00:00:00 2001 From: Spythere Date: Sat, 7 Mar 2026 21:22:13 +0100 Subject: [PATCH 1/2] fix(app): to big font size for mid screen landscape responsiveness --- src/App.vue | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) diff --git a/src/App.vue b/src/App.vue index 32d350e..bea6796 100644 --- a/src/App.vue +++ b/src/App.vue @@ -45,7 +45,7 @@ function handleMigrationInfo() { // Do not show if already acknowledged if (showInfo === 'false') return; - + setTimeout(() => { store.isMigrationInfoOpen = true; }, 2000); @@ -82,9 +82,5 @@ function loadStockDataFromStorage() { @include responsive.midScreen { font-size: calc(0.7rem + 0.75vw); } - - @include responsive.midScreenLandscape { - font-size: calc(0.75rem + 0.4vw); - } } From b3098210abcfe51a7151ac06a439d5b2fc550c88 Mon Sep 17 00:00:00 2001 From: Spythere Date: Sat, 7 Mar 2026 21:28:49 +0100 Subject: [PATCH 2/2] fix(responsive): wrong attribute for mid screen landscape responsiveness --- src/styles/_responsive.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/styles/_responsive.scss b/src/styles/_responsive.scss index ec5df4d..954d52b 100644 --- a/src/styles/_responsive.scss +++ b/src/styles/_responsive.scss @@ -14,7 +14,7 @@ $breakpointSm: 550px; } @mixin midScreenLandscape() { - @media only screen and (orientation: landscape) and (max-device-height: $breakpointMd) { + @media only screen and (orientation: landscape) and (max-width: $breakpointMd) { @content; } } \ No newline at end of file