From 8d68dcabb52902967e2ecdc20e42cf7d4917e639 Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Tue, 6 Jun 2023 01:01:24 +0800
Subject: [PATCH] list item selection sheet supports large size

---
 src/components/mobile/ListItemSelectionSheet.vue | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/components/mobile/ListItemSelectionSheet.vue b/src/components/mobile/ListItemSelectionSheet.vue
index f0413907..8e10c45e 100644
--- a/src/components/mobile/ListItemSelectionSheet.vue
+++ b/src/components/mobile/ListItemSelectionSheet.vue
@@ -1,6 +1,6 @@
 <template>
     <f7-sheet swipe-to-close swipe-handler=".swipe-handler"
-              :class="{ 'list-item-selection-huge-sheet': hugeListItemRows }" :opened="show"
+              :class="heightClass" :opened="show"
               @sheet:open="onSheetOpen" @sheet:closed="onSheetClosed">
         <f7-toolbar>
             <div class="swipe-handler"></div>
@@ -57,8 +57,14 @@ export default {
         }
     },
     computed: {
-        hugeListItemRows() {
-            return this.items.length > 10;
+        heightClass() {
+            if (this.items.length > 10) {
+                return 'list-item-selection-huge-sheet';
+            } else if (this.items.length > 6) {
+                return 'list-item-selection-large-sheet';
+            } else {
+                return '';
+            }
         }
     },
     methods: {
@@ -133,6 +139,10 @@ export default {
 
 <style>
 @media (min-height: 630px) {
+    .list-item-selection-large-sheet {
+        height: 310px;
+    }
+
     .list-item-selection-huge-sheet {
         height: 400px;
     }