From ab5aa1fd1a816392d652dfecedf71af1cbf3c7ad Mon Sep 17 00:00:00 2001
From: leon-morival <leon.morival@gmail.com>
Date: Mon, 3 Nov 2025 09:59:41 +0100
Subject: [PATCH] item container

---
 src/components/AppActionSheet.js       | 34 ++++++++++++--------------
 src/components/BottomSheetContainer.js |  2 +-
 yarn.lock                              |  8 +++---
 3 files changed, 21 insertions(+), 23 deletions(-)

diff --git a/src/components/AppActionSheet.js b/src/components/AppActionSheet.js
index d3bb492..9ca1e6c 100644
--- a/src/components/AppActionSheet.js
+++ b/src/components/AppActionSheet.js
@@ -1,6 +1,6 @@
 import { Portal } from "@gorhom/portal";
 import { BlurView } from "expo-blur";
-import React, { useCallback } from "react";
+import { useCallback } from "react";
 import { Platform, Pressable, StyleSheet, View } from "react-native";
 import ActionSheet, { SheetManager } from "react-native-actions-sheet";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
@@ -49,10 +49,7 @@ const AppActionSheet = ({
   return (
     <ActionSheet
       id={id}
-      containerStyle={[
-        { backgroundColor: Palette.tran },
-        isWeb && { alignItems: "center" },
-      ]}
+      containerStyle={{ backgroundColor: Palette.tran }}
       gestureEnabled
       indicatorStyle={{
         top: 20,
@@ -64,18 +61,18 @@ const AppActionSheet = ({
     >
       <BlurView
         intensity={Platform.OS === "ios" || isWeb ? 20 : 10}
-        style={[
-          {
-            paddingTop: 36,
-            paddingHorizontal: 14,
-            paddingBottom: gutters + (insets?.bottom || 0),
-            backgroundColor: Palette.glass,
-            borderTopLeftRadius: 20,
-            borderTopRightRadius: 20,
-            overflow: "hidden",
-          },
-          isWeb && { width: 700 },
-        ]}
+        style={{
+          paddingTop: 36,
+          paddingHorizontal: 14,
+          paddingBottom: gutters + (insets?.bottom || 0),
+          backgroundColor: Palette.glass,
+          borderTopLeftRadius: 20,
+          borderTopRightRadius: 20,
+          overflow: "hidden",
+        }}
+        // experimentalBlurMethod={
+        //   Platform.OS !== "ios" ? "dimezisBlurView" : "none"
+        // }
       >
         {children}
       </BlurView>
@@ -102,7 +99,8 @@ const styles = StyleSheet.create({
     padding: 24,
   },
   webModalCard: {
-    maxWidth: 500,
+    width: 480,
+    maxWidth: "90%",
     borderRadius: 28,
     overflow: "hidden",
     backgroundColor: Palette.glass,
diff --git a/src/components/BottomSheetContainer.js b/src/components/BottomSheetContainer.js
index a485e19..a7a8cc7 100644
--- a/src/components/BottomSheetContainer.js
+++ b/src/components/BottomSheetContainer.js
@@ -1,6 +1,6 @@
 import { AnimatePresence, Motion } from "@legendapp/motion";
 import { useKeyboard } from "@react-native-community/hooks";
-import React, { useCallback, useEffect, useState } from "react";
+import { useCallback, useEffect, useState } from "react";
 import { Keyboard, StyleSheet } from "react-native";
 
 import BottomSheet from "./BottomSheet";
diff --git a/yarn.lock b/yarn.lock
index d117961..24e5df4 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -8833,10 +8833,10 @@ react-native-calendars@^1.1300.0:
   optionalDependencies:
     moment "^2.29.4"
 
-react-native-compressor@~1.12.0:
-  version "1.12.0"
-  resolved "https://registry.yarnpkg.com/react-native-compressor/-/react-native-compressor-1.12.0.tgz#4c387f100ec6d98adbee10c22496d0e42397d8bf"
-  integrity sha512-NMAYpXnTLwx/KecwlLF+9Dnrn/tKV5UVfta8Lk9eROsb05JYnUoKLprRzSSpHcyLjIdQAVaTtx2lPYsappMezw==
+react-native-compressor@^1.13.0:
+  version "1.13.0"
+  resolved "https://registry.yarnpkg.com/react-native-compressor/-/react-native-compressor-1.13.0.tgz#d260621bb7625046a716d5dff56b395267c7e6b0"
+  integrity sha512-vJYbrcjz2S7kgE3Q7444F71CjEDq5Qg6sGn67N9fJ0I1K6EhB/ZxpULdDe3FxJ4h/ncJc0oxOzNWZhxtGTqcQw==
 
 react-native-dialog@~9.3.0:
   version "9.3.0"