From 13cc6a2cf0891d2e2ed7b5d5efd2c15c399b6848 Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Tue, 11 Feb 2025 23:35:35 +0800
Subject: [PATCH] fix some content exceeds the screen in landscape mode

---
 .../mobile/TransactionTagSelectionSheet.vue     | 17 ++++++++++++-----
 .../mobile/TreeViewSelectionSheet.vue           | 17 ++++++++++++-----
 .../mobile/TwoColumnListItemSelectionSheet.vue  |  6 ++++++
 3 files changed, 30 insertions(+), 10 deletions(-)

diff --git a/src/components/mobile/TransactionTagSelectionSheet.vue b/src/components/mobile/TransactionTagSelectionSheet.vue
index d0801413..6821bd43 100644
--- a/src/components/mobile/TransactionTagSelectionSheet.vue
+++ b/src/components/mobile/TransactionTagSelectionSheet.vue
@@ -234,17 +234,24 @@ function onSheetClosed(): void {
 </script>
 
 <style>
+.tag-selection-default-sheet {
+    height: 200px;
+}
+
 @media (min-height: 630px) {
-    .tag-selection-default-sheet {
-        height: 200px;
+    .tag-selection-large-sheet {
+        height: 260px;
     }
 
-    .tag-selection-large-sheet {
-        height: 250px;
+    .tag-selection-huge-sheet {
+        height: 380px;
     }
+}
 
+@media (max-height: 629px) {
+    .tag-selection-large-sheet,
     .tag-selection-huge-sheet {
-        height: 340px;
+        height: 240px;
     }
 }
 
diff --git a/src/components/mobile/TreeViewSelectionSheet.vue b/src/components/mobile/TreeViewSelectionSheet.vue
index bb5ed069..af0be769 100644
--- a/src/components/mobile/TreeViewSelectionSheet.vue
+++ b/src/components/mobile/TreeViewSelectionSheet.vue
@@ -145,17 +145,24 @@ function onSheetClosed(): void {
 </script>
 
 <style>
+.tree-view-selection-default-sheet {
+    height: 200px;
+}
+
 @media (min-height: 630px) {
-    .tree-view-selection-default-sheet {
-        height: 200px;
+    .tree-view-selection-large-sheet {
+        height: 260px;
     }
 
-    .tree-view-selection-large-sheet {
-        height: 250px;
+    .tree-view-selection-huge-sheet {
+        height: 380px;
     }
+}
 
+@media (max-height: 629px) {
+    .tree-view-selection-large-sheet,
     .tree-view-selection-huge-sheet {
-        height: 340px;
+        height: 240px;
     }
 }
 </style>
diff --git a/src/components/mobile/TwoColumnListItemSelectionSheet.vue b/src/components/mobile/TwoColumnListItemSelectionSheet.vue
index 585a1a6f..7fd3d5ea 100644
--- a/src/components/mobile/TwoColumnListItemSelectionSheet.vue
+++ b/src/components/mobile/TwoColumnListItemSelectionSheet.vue
@@ -147,6 +147,12 @@ function onSheetClosed(): void {
     overflow-y: auto;
 }
 
+@media (max-height: 629px) {
+    .primary-list-container, .secondary-list-container {
+        height: 240px;
+    }
+}
+
 .primary-list.list .item-inner {
     padding-right: 6px;
 }