second flow

src/screens/cover/ValidateCover.js

@@ -1,16 +1,17 @@
-import { View, Image } from "react-native";
 import React from "react";
-import MusicLandHeader from "../../components/MusicLandHeader";
+import { Image, View } from "react-native";
+import useMinuit from "react-native-minuit/src/hooks/useMinuit.js";
 import { background, img } from "../../assets";
-import Page from "../../layouts/Page";
-import { goBack, navigate } from "../../navigation/NavigationService";
-import CreateLyricsHeader from "../Writing/components/CreateLyricsHeader";
-import { gutters, Style } from "../../styles";
 import BorderGradientButton from "../../components/BorderGradientButton";
 import GradientButton from "../../components/GradientButton";
+import MusicLandHeader from "../../components/MusicLandHeader";
+import { isWeb } from "../../hooks/useLayoutType";
+import Page from "../../layouts/Page";
 import { Routes } from "../../navigation";
+import { goBack, navigate } from "../../navigation/NavigationService";
 import { useUserData } from "../../providers/UserDataProvider";
-import useMinuit from "react-native-minuit/src/hooks/useMinuit.js";
+import { gutters, Style } from "../../styles";
+import CreateLyricsHeader from "../Writing/components/CreateLyricsHeader";
 
 const ValidateCover = () => {
   const { selectedProject, updateProjectData } = useUserData();
@@ -57,10 +58,11 @@ const ValidateCover = () => {
             <Image
               source={img.placeholder}
               style={{
-                width: "100%",
+                width: isWeb ? 300 : "100%",
                 height: 300,
                 borderRadius: 20,
                 transform: [{ rotateY: "180deg" }],
+                alignSelf: "center",
               }}
             />
             <View
@@ -68,7 +70,12 @@ const ValidateCover = () => {
             >
               <Image
                 source={{ uri: selectedProject?.cover?.result }}
-                style={{ width: "100%", height: "100%", borderRadius: 20 }}
+                style={{
+                  width: isWeb ? 300 : "100%",
+                  height: "100%",
+                  borderRadius: 20,
+                  alignSelf: "center",
+                }}
               />
             </View>
             {/*<View*/}