colors web

src/screens/Profile/Settings.js

@@ -1,15 +1,16 @@
-import { View } from "react-native";
 import React from "react";
-import Page from "../../layouts/Page";
-import { background } from "../../assets";
-import { gutters, Palette } from "../../styles";
+import { View } from "react-native";
+import { SheetManager } from "react-native-actions-sheet";
 import { responsiveHeight } from "react-native-responsive-dimensions";
+import { background } from "../../assets";
 import BlurItemButton from "../../components/BlurItemButton";
 import BorderGradientButton from "../../components/BorderGradientButton";
-import { SheetManager } from "react-native-actions-sheet";
-import { navigate } from "../../navigation/NavigationService";
+import { isWeb } from "../../hooks/useLayoutType";
+import Page from "../../layouts/Page";
 import { Routes } from "../../navigation";
+import { navigate } from "../../navigation/NavigationService";
 import { useUserData } from "../../providers/UserDataProvider";
+import { gutters, Palette } from "../../styles";
 
 const SETTINGS = [
   {
@@ -63,7 +64,7 @@ const Settings = () => {
         paddingBottom: gutters * 2,
       }}
       containerStyle={{
-        backgroundColor: "#0000004D",
+        backgroundColor: isWeb ? "transparent" : "#0000004D",
       }}
     >
       <View style={{ flex: 1, marginTop: responsiveHeight(2) }}>