leonm/musicland
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

item container

Browse Source
This commit is contained in:
leon-morival
2025-11-03 09:59:41 +01:00
parent 0dd0fa5ab7
commit ab5aa1fd1a
3 changed files with 21 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/AppActionSheet.js
+9 -11
View File
@@ -1,6 +1,6 @@
import { Portal } from "@gorhom/portal"; import { Portal } from "@gorhom/portal";
import { BlurView } from "expo-blur"; import { BlurView } from "expo-blur";
import React, { useCallback } from "react"; import { useCallback } from "react";
import { Platform, Pressable, StyleSheet, View } from "react-native"; import { Platform, Pressable, StyleSheet, View } from "react-native";
import ActionSheet, { SheetManager } from "react-native-actions-sheet"; import ActionSheet, { SheetManager } from "react-native-actions-sheet";
import { useSafeAreaInsets } from "react-native-safe-area-context"; import { useSafeAreaInsets } from "react-native-safe-area-context";
@@ -49,10 +49,7 @@ const AppActionSheet = ({
return ( return (
<ActionSheet <ActionSheet
id={id} id={id}
containerStyle={[ containerStyle={{ backgroundColor: Palette.tran }}
{ backgroundColor: Palette.tran },
isWeb && { alignItems: "center" },
]}
gestureEnabled gestureEnabled
indicatorStyle={{ indicatorStyle={{
top: 20, top: 20,
@@ -64,8 +61,7 @@ const AppActionSheet = ({
> >
<BlurView <BlurView
intensity={Platform.OS === "ios" || isWeb ? 20 : 10} intensity={Platform.OS === "ios" || isWeb ? 20 : 10}
style={[ style={{
{
paddingTop: 36, paddingTop: 36,
paddingHorizontal: 14, paddingHorizontal: 14,
paddingBottom: gutters + (insets?.bottom || 0), paddingBottom: gutters + (insets?.bottom || 0),
@@ -73,9 +69,10 @@ const AppActionSheet = ({
borderTopLeftRadius: 20, borderTopLeftRadius: 20,
borderTopRightRadius: 20, borderTopRightRadius: 20,
overflow: "hidden", overflow: "hidden",
}, }}
isWeb && { width: 700 }, // experimentalBlurMethod={
]} // Platform.OS !== "ios" ? "dimezisBlurView" : "none"
// }
> >
{children} {children}
</BlurView> </BlurView>
@@ -102,7 +99,8 @@ const styles = StyleSheet.create({
padding: 24, padding: 24,
}, },
webModalCard: { webModalCard: {
maxWidth: 500, width: 480,
maxWidth: "90%",
borderRadius: 28, borderRadius: 28,
overflow: "hidden", overflow: "hidden",
backgroundColor: Palette.glass, backgroundColor: Palette.glass,
src/components/BottomSheetContainer.js
+1 -1
View File
@@ -1,6 +1,6 @@
import { AnimatePresence, Motion } from "@legendapp/motion"; import { AnimatePresence, Motion } from "@legendapp/motion";
import { useKeyboard } from "@react-native-community/hooks"; 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 { Keyboard, StyleSheet } from "react-native";
import BottomSheet from "./BottomSheet"; import BottomSheet from "./BottomSheet";
yarn.lock
+4 -4
View File
@@ -8833,10 +8833,10 @@ react-native-calendars@^1.1300.0:
optionalDependencies: optionalDependencies:
moment "^2.29.4" moment "^2.29.4"
react-native-compressor@~1.12.0: react-native-compressor@^1.13.0:
version "1.12.0" version "1.13.0"
resolved "https://registry.yarnpkg.com/react-native-compressor/-/react-native-compressor-1.12.0.tgz#4c387f100ec6d98adbee10c22496d0e42397d8bf" resolved "https://registry.yarnpkg.com/react-native-compressor/-/react-native-compressor-1.13.0.tgz#d260621bb7625046a716d5dff56b395267c7e6b0"
integrity sha512-NMAYpXnTLwx/KecwlLF+9Dnrn/tKV5UVfta8Lk9eROsb05JYnUoKLprRzSSpHcyLjIdQAVaTtx2lPYsappMezw== integrity sha512-vJYbrcjz2S7kgE3Q7444F71CjEDq5Qg6sGn67N9fJ0I1K6EhB/ZxpULdDe3FxJ4h/ncJc0oxOzNWZhxtGTqcQw==
react-native-dialog@~9.3.0: react-native-dialog@~9.3.0:
version "9.3.0" version "9.3.0"