From a733097011bb9768fe5ccc4c331884d4c8fb26e3 Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Thu, 10 Dec 2020 23:53:55 +0800
Subject: [PATCH] fix bug

---
 src/components/mobile/IconSelectionSheet.vue | 13 ++++++++++++-
 src/views/mobile/categories/Edit.vue         |  8 --------
 2 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/components/mobile/IconSelectionSheet.vue b/src/components/mobile/IconSelectionSheet.vue
index 5b62239b..6090d956 100644
--- a/src/components/mobile/IconSelectionSheet.vue
+++ b/src/components/mobile/IconSelectionSheet.vue
@@ -1,5 +1,5 @@
 <template>
-    <f7-sheet :opened="show" @sheet:closed="onSheetClosed">
+    <f7-sheet :class="{ 'icon-selection-huge-sheet': hugeIconRows }" :opened="show" @sheet:closed="onSheetClosed">
         <f7-toolbar>
             <div class="left"></div>
             <div class="right">
@@ -58,6 +58,9 @@ export default {
             }
 
             return ret;
+        },
+        hugeIconRows() {
+            return this.allIconRows.length > 10;
         }
     },
     methods: {
@@ -70,3 +73,11 @@ export default {
     }
 }
 </script>
+
+<style>
+@media (min-height: 630px) {
+    .icon-selection-huge-sheet {
+        height: 400px;
+    }
+}
+</style>
diff --git a/src/views/mobile/categories/Edit.vue b/src/views/mobile/categories/Edit.vue
index b6bf13ad..5a755594 100644
--- a/src/views/mobile/categories/Edit.vue
+++ b/src/views/mobile/categories/Edit.vue
@@ -298,11 +298,3 @@ export default {
     }
 }
 </script>
-
-<style>
-@media (min-height: 630px) {
-    .category-icon-sheet {
-        height: 400px;
-    }
-}
-</style>