update login layout

audioverse-org · Feb 1, 2024 · 39ec0bf · 39ec0bf
1 parent fae3c0c
commit 39ec0bf
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 21 deletions.
diff --git a/src/components/molecules/button.module.scss b/src/components/molecules/button.module.scss
@@ -98,9 +98,6 @@ $button-height: 31px;
 	}
 }
 
-.tertiary {
-}
-
 .super,
 .primary,
 .primaryInverse,

diff --git a/src/components/molecules/loginLanding.tsx b/src/components/molecules/loginLanding.tsx
@@ -18,7 +18,7 @@ export default function Login(): JSX.Element {
 	return (
 		<AndOnboarding>
 			<SocialLogin />
-			<div className={styles.buttonCol}>
+			<div className={styles.buttonColLanding}>
 				<p className={styles.centerText}>
 					{intl.formatMessage({
 						id: 'socialLogin__loginOr',

diff --git a/src/components/molecules/socialLogin.module.scss b/src/components/molecules/socialLogin.module.scss
@@ -6,6 +6,7 @@
 		flex: 0 1 calc(50% - 16px);
 	}
 }
+.buttonColLanding,
 .buttonCol {
 	display: flex;
 	flex-direction: column;
@@ -17,6 +18,7 @@
 		margin-left: 16px;
 	}
 }
+
 .centerText {
 	justify-content: center;
 }

diff --git a/src/components/templates/andOnboarding.module.scss b/src/components/templates/andOnboarding.module.scss
@@ -30,12 +30,8 @@
 	margin-bottom: 32px;
 }
 
-.whySignUp {
-	display: flex;
-	flex-direction: column;
-}
 .guest {
-	margin-top: 10px;
+	margin-top: 16px;
 }
 .intro {
 	font-size: 18px;
@@ -96,13 +92,13 @@
 		}
 	}
 
-	.whySignUp {
-		flex-direction: row;
-		align-items: center;
-		margin: auto;
-		margin-left: 20%;
-		margin-bottom: 20px;
-	}
+	// .whySignUp {
+	// 	flex-direction: row;
+	// 	align-items: center;
+	// 	margin: auto;
+	// 	margin-left: 20%;
+	// 	margin-bottom: 20px;
+	// }
 	.guest {
 		margin-left: 40px;
 		float: right;

diff --git a/src/components/templates/andOnboarding.tsx b/src/components/templates/andOnboarding.tsx
@@ -17,15 +17,13 @@ export default function AndOnboarding({
 }): JSX.Element {
 	const languageRoute = useLanguageRoute();
 	const features = getAppFeatures(languageRoute);
-	const classes = `${styles.logo} ${styles.whySignUp}`;
 
 	return (
 		<div className={styles.page}>
 			<div className={styles.form}>
-				<div className={classes}>
-					<div>
-						<LogoLarge />
-					</div>
+				<div className={styles.logo}>
+					<LogoLarge />
+
 					<div className={styles.guest}>
 						<ButtonGuest />
 					</div>
-Original file line number
+Diff line change
@@ Expand Up / @@ -98,9 +98,6 @@ $button-height: 31px; @@
     	}
     }
-    .tertiary {
-    }
     .super,
     .primary,
     .primaryInverse,
@@ Expand Down @@