fix tickets

src/screens/Writing/WritingLyrics.js

@@ -6,11 +6,13 @@ import BorderGradientButton from "../../components/BorderGradientButton";
 import FullscreenIntroVideo from "../../components/FullscreenIntroVideo";
 import GradientButton from "../../components/GradientButton";
 import MusicLandHeader from "../../components/MusicLandHeader";
-import Page from "../../layouts/Page";
 import { Routes } from "../../navigation";
 import { goBack, navigate } from "../../navigation/NavigationService";
 import { useUserData } from "../../providers/UserDataProvider";
 import { gutters } from "../../styles";
+import { background } from "../../assets";
+import { isWeb } from "../../hooks/useLayoutType";
+import Page from "../../layouts/Page";
 
 const WritingLyrics = () => {
   const { createNewProject, selectedProject, updateProjectData } =
@@ -42,7 +44,10 @@ const WritingLyrics = () => {
   }
 
   return (
-    <Page headerType="NONE">
+    <Page
+      backgroundImg={isWeb ? background.writingBgWeb : background.writingBG}
+      headerType="NONE"
+    >
       <Image source={ai.nathalie} style={styles.img} resizeMode="contain" />
       <MusicLandHeader onPressBack={goBack} progress={9} />
       <View
@@ -56,9 +61,13 @@ const WritingLyrics = () => {
           }}
         >
           <BorderGradientButton
+            maxWidth={500}
             onPress={() => createAndNavigate({ hasLyrics: true })}
+            containerStyle={{ alignSelf: "center", width: "100%" }}
           />
           <GradientButton
+            maxWidth={500}
+            containerStyle={{ alignSelf: "center", width: "100%" }}
             title="Écrire des paroles avec une IA"
             onPress={() => createAndNavigate({ hasLyrics: false })}
           />