From 852a3bf8618295beb336ec0eaac769bb71d36ef6 Mon Sep 17 00:00:00 2001
From: BFlat <bombayapirat@gmail.com>
Date: Sat, 23 Jul 2022 01:48:55 +0100
Subject: [PATCH] responsive fix

---
 packages/fakeyou/src/v2/view/upload/UploadTtsModelFc.tsx | 6 +++---
 packages/fakeyou/src/v2/view/upload/UploadW2lPhotoFc.tsx | 4 ++--
 packages/fakeyou/src/v2/view/upload/UploadW2lVideoFc.tsx | 4 ++--
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/packages/fakeyou/src/v2/view/upload/UploadTtsModelFc.tsx b/packages/fakeyou/src/v2/view/upload/UploadTtsModelFc.tsx
index 6304d7efe1..21eaf702f2 100644
--- a/packages/fakeyou/src/v2/view/upload/UploadTtsModelFc.tsx
+++ b/packages/fakeyou/src/v2/view/upload/UploadTtsModelFc.tsx
@@ -94,7 +94,7 @@ function UploadTtsModelFc(props: Props) {
 
   return (
     <div>
-      <div className="container pt-5 pb-4">
+      <div className="container pt-5 pb-4 px-md-4 px-lg-5 px-xl-3">
         <Fade bottom cascade duration={duration} distance={distance}>
           <div className="d-flex flex-column">
             <h1 className="display-5 fw-bold">Upload Voice (TTS Model)</h1>
@@ -110,7 +110,7 @@ function UploadTtsModelFc(props: Props) {
       </div>
 
       <Fade bottom duration={duration} distance={distance} delay={delay}>
-        <div className="container">
+        <div className="container px-md-4 px-lg-5 px-xl-3">
           <div className="alert alert-primary">
             <strong>Content Creator Rewards!</strong>
             {/*<p>You can help FakeYou grow by uploading Tacotron2 models. 
@@ -127,7 +127,7 @@ function UploadTtsModelFc(props: Props) {
       </Fade>
 
       <Fade bottom duration={duration} distance={distance} delay={delay}>
-        <div className="container pt-3 d-flex flex-column gap-3">
+        <div className="container pt-3 d-flex flex-column gap-3 px-md-4 px-lg-5 px-xl-3">
           <p>
             If you're new to voice cloning, join our{" "}
             <span>
diff --git a/packages/fakeyou/src/v2/view/upload/UploadW2lPhotoFc.tsx b/packages/fakeyou/src/v2/view/upload/UploadW2lPhotoFc.tsx
index e0bcb92bc6..092dad2c14 100644
--- a/packages/fakeyou/src/v2/view/upload/UploadW2lPhotoFc.tsx
+++ b/packages/fakeyou/src/v2/view/upload/UploadW2lPhotoFc.tsx
@@ -92,7 +92,7 @@ function UploadW2lPhotoFc(props: Props) {
 
   return (
     <div>
-      <div className="container pt-5 pb-3">
+      <div className="container pt-5 pb-3 px-md-4 px-lg-5 px-xl-3">
         <Fade bottom cascade duration={duration} distance={distance}>
           <div className="d-flex flex-column">
             <h1 className="display-5 fw-bold"> Upload Photo (w2l template) </h1>
@@ -107,7 +107,7 @@ function UploadW2lPhotoFc(props: Props) {
       </div>
 
       <Fade bottom duration={duration} distance={distance} delay={delay}>
-        <div className="container">
+        <div className="container px-md-4 px-lg-5 px-xl-3">
           <p>
             The photos you upload can be used for lipsyncing with audio using
             the Wav2Lip model. In the future, you'll be able to use these for
diff --git a/packages/fakeyou/src/v2/view/upload/UploadW2lVideoFc.tsx b/packages/fakeyou/src/v2/view/upload/UploadW2lVideoFc.tsx
index af89fe3dbe..309dc140a2 100644
--- a/packages/fakeyou/src/v2/view/upload/UploadW2lVideoFc.tsx
+++ b/packages/fakeyou/src/v2/view/upload/UploadW2lVideoFc.tsx
@@ -92,7 +92,7 @@ function UploadW2lVideoFc(props: Props) {
 
   return (
     <div>
-      <div className="container pt-5 pb-3">
+      <div className="container pt-5 pb-3 px-md-4 px-lg-5 px-xl-3">
         <Fade bottom cascade duration={duration} distance={distance}>
           <div className="d-flex flex-column">
             <h1 className="display-5 fw-bold">Upload Video (w2l template)</h1>
@@ -107,7 +107,7 @@ function UploadW2lVideoFc(props: Props) {
       </div>
 
       <Fade bottom duration={duration} distance={distance} delay={delay}>
-        <div className="container">
+        <div className="container px-md-4 px-lg-5 px-xl-3">
           <p>
             The videos you upload can be used for lipsyncing with audio using
             the Wav2Lip model.