fix some content exceeds the screen in landscape mode

src/components/mobile/TransactionTagSelectionSheet.vue

@@ -234,17 +234,24 @@ function onSheetClosed(): void {
 </script>
 
 <style>
-@media (min-height: 630px) {
-    .tag-selection-default-sheet {
-        height: 200px;
-    }
+.tag-selection-default-sheet {
+    height: 200px;
+}
 
+@media (min-height: 630px) {
     .tag-selection-large-sheet {
-        height: 250px;
+        height: 260px;
     }
 
     .tag-selection-huge-sheet {
-        height: 340px;
+        height: 380px;
+    }
+}
+
+@media (max-height: 629px) {
+    .tag-selection-large-sheet,
+    .tag-selection-huge-sheet {
+        height: 240px;
     }
 }
 

src/components/mobile/TreeViewSelectionSheet.vue

@@ -145,17 +145,24 @@ function onSheetClosed(): void {
 </script>
 
 <style>
-@media (min-height: 630px) {
-    .tree-view-selection-default-sheet {
-        height: 200px;
-    }
+.tree-view-selection-default-sheet {
+    height: 200px;
+}
 
+@media (min-height: 630px) {
     .tree-view-selection-large-sheet {
-        height: 250px;
+        height: 260px;
     }
 
     .tree-view-selection-huge-sheet {
-        height: 340px;
+        height: 380px;
+    }
+}
+
+@media (max-height: 629px) {
+    .tree-view-selection-large-sheet,
+    .tree-view-selection-huge-sheet {
+        height: 240px;
     }
 }
 </style>

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;
 }