fix: action sheet

wetix · Jun 22, 2022 · 7040561 · 7040561
1 parent 61249d7
commit 7040561
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/components/action-sheet/src/ActionSheet.svelte b/components/action-sheet/src/ActionSheet.svelte
@@ -8,7 +8,7 @@
 
   let className = "";
   let selectedIndex = 0;
-  let modalHeight = 0;
+  let modalHeight = "100%";
   export { className as class };
   export let selectedKey = "";
   export let caption = "";
@@ -100,7 +100,7 @@
 
 <BottomSheet
   bind:open
-  bind:height={modalHeight}
+  height={modalHeight}
   class={className}
   {maskClosable}
   {closable}
@@ -139,7 +139,7 @@
   </header>
   <ul
     class="resp-action-sheet__body"
-    style="height: {modalHeight - 180}px"
+    style={`height: calc(${modalHeight} - 180px)`}
     on:change={handleSelectOption}
   >
     {#each options as { label, value, disabled = false, selected = false, ...otherProps } (`${selectedKey}.${value}`)}