From 108e8fc87c7ad7b4406322107a54a8b67ed0a800 Mon Sep 17 00:00:00 2001
From: thislight <l1589002388@gmail.com>
Date: Sat, 28 Sep 2024 22:38:44 +0800
Subject: [PATCH] BottomSheet: fix bottomUp position on mobile

---
 src/material/BottomSheet.module.css | 8 ++++++++
 src/material/BottomSheet.tsx        | 5 -----
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/material/BottomSheet.module.css b/src/material/BottomSheet.module.css
index f73f562..8f716e9 100644
--- a/src/material/BottomSheet.module.css
+++ b/src/material/BottomSheet.module.css
@@ -60,5 +60,13 @@
     top: unset;
     transform: translateX(-50%);
     bottom: 0;
+
+    @media (max-width: 560px) {
+      & {
+        transform: none;
+        height: unset;
+
+      }
+    }
   }
 }
diff --git a/src/material/BottomSheet.tsx b/src/material/BottomSheet.tsx
index 3191426..89440e2 100644
--- a/src/material/BottomSheet.tsx
+++ b/src/material/BottomSheet.tsx
@@ -1,19 +1,14 @@
 import {
   children,
   createEffect,
-  createRenderEffect,
   createSignal,
   onCleanup,
-  onMount,
-  startTransition,
   useTransition,
-  type ChildrenReturn,
   type ParentComponent,
   type ResolvedChildren,
 } from "solid-js";
 import styles from "./BottomSheet.module.css";
 import { useHeroSignal } from "../platform/anim";
-import { makeEventListener } from "@solid-primitives/event-listener";
 
 export type BottomSheetProps = {
   open?: boolean;