colors web

src/screens/Profile/ChangePassword.js

@@ -1,17 +1,18 @@
-import { View, Text, Pressable, Platform } from "react-native";
-import React, { useState } from "react";
-import Page from "../../layouts/Page";
-import { background } from "../../assets";
-import { gutters, Palette } from "../../styles";
-import { responsiveHeight } from "react-native-responsive-dimensions";
 import { BlurView } from "expo-blur";
-import EditInput from "./components/EditInput";
-import GradientButton from "../../components/GradientButton";
-import { FONT_FAMILY } from "../../styles/Fonts";
+import React, { useState } from "react";
+import { Platform, Pressable, Text, View } from "react-native";
+import { responsiveHeight } from "react-native-responsive-dimensions";
 import { useGlobal } from "reactn";
+import { background } from "../../assets";
+import GradientButton from "../../components/GradientButton";
 import firebase from "../../config/firebase";
-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 { gutters, Palette } from "../../styles";
+import { FONT_FAMILY } from "../../styles/Fonts";
+import EditInput from "./components/EditInput";
 
 const ChangePassword = () => {
   const [oldPassword, setOldPassword] = useState("");
@@ -53,7 +54,7 @@ const ChangePassword = () => {
         paddingBottom: gutters * 4,
       }}
       containerStyle={{
-        backgroundColor: "#0000004D",
+        backgroundColor: isWeb ? "transparent" : "#0000004D",
       }}
     >
       <View style={{ flex: 1, marginTop: responsiveHeight(2) }}>