BottomSheet: fix bottomUp position on mobile

src/material/BottomSheet.module.css

@@ -60,5 +60,13 @@
     top: unset;
     transform: translateX(-50%);
     bottom: 0;
+
+    @media (max-width: 560px) {
+      & {
+        transform: none;
+        height: unset;
+
+      }
+    }
   }
 }

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;