colors web

src/screens/Profile/Notifications.js

@@ -1,14 +1,15 @@
 /* eslint-disable react/display-name */
-import React, { useEffect, useGlobal } from "reactn";
-import Page from "../../layouts/Page";
-import { gutters, Palette, Style } from "../../styles";
-import { background } from "../../assets";
+import { BlurView } from "expo-blur";
+import { useState } from "react";
 import { Platform, Text, View } from "react-native";
 import { responsiveHeight } from "react-native-responsive-dimensions";
-import { BlurView } from "expo-blur";
+import React, { useEffect, useGlobal } from "reactn";
+import { background } from "../../assets";
 import Switch from "../../components/Switch";
-import { useState } from "react";
 import firebase, { usersRef } from "../../config/firebase";
+import { isWeb } from "../../hooks/useLayoutType";
+import Page from "../../layouts/Page";
+import { gutters, Palette, Style } from "../../styles";
 import { FONT_FAMILY } from "../../styles/Fonts";
 
 export default (props) => {
@@ -47,7 +48,7 @@ export default (props) => {
         paddingBottom: gutters * 4,
       }}
       containerStyle={{
-        backgroundColor: "#0000004D",
+        backgroundColor: isWeb ? "transparent" : "#0000004D",
       }}
     >
       <View style={{ flex: 1, marginTop: responsiveHeight(2) }}>