fix: width on mobile devices;

megaarmos · megaarmos · commit 9ce9079d1812 · 2024-12-15T12:43:24.000-05:00
diff --git a/src/components/BottomSheet.vue b/src/components/BottomSheet.vue
@@ -378,7 +378,8 @@ defineExpose({ open, close, snapToPoint })
   position: absolute;
   transition: visibility 250ms ease-in-out;
   visibility: hidden;
-  width: 640px;
+  width: 100%;
+  max-width: 640px;
   will-change: height;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -378,7 +378,8 @@ defineExpose({ open, close, snapToPoint })`
`378`	`378`	`position: absolute;`
`379`	`379`	`transition: visibility 250ms ease-in-out;`
`380`	`380`	`visibility: hidden;`
`381`		`- width: 640px;`
	`381`	`+ width: 100%;`
	`382`	`+ max-width: 640px;`
`382`	`383`	`will-change: height;`
`383`	`384`	`}`
`384`	`385`