Fix More CSS

newfold-labs · Dec 5, 2023 · 1157e5d · 1157e5d
1 parent 304b33b
commit 1157e5d
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 7 deletions.
diff --git a/src/OnboardingSPA/components/CardWithOptions/stylesheet.scss b/src/OnboardingSPA/components/CardWithOptions/stylesheet.scss
@@ -4,12 +4,17 @@ $background-color: var(--nfd-onboarding-card-background);
 
 	margin: 8px;
 	max-width: 90vw;
-	padding: 24px 12px;
+	padding: 24px 16px;
 	border-radius: 12px;
 	background-color: $background-color;
 	width: clamp(18.75rem, 22.6136rem + 5.6818vw, 31.25rem);
 	box-shadow: 3px 3px 5px rgba(var(--nfd-onboarding-primary-rgb), $alpha: 0.05);
 
+	@media (max-width: #{ ($break-large) }) {
+		margin: 12px;
+		padding: 12px 6px;
+	}
+
 	&__title {
 		color: var(--nfd-onboarding-primary);
 		margin: 16px;

diff --git a/src/OnboardingSPA/components/ImageUploader/components/ImageUploaderWithText/stylesheet.scss b/src/OnboardingSPA/components/ImageUploader/components/ImageUploaderWithText/stylesheet.scss
@@ -110,7 +110,7 @@
 					&__filename {
 						margin: 0;
 						margin-bottom: 8px;
-						width: 300px;
+						width: 28vw;
 						font-size: clamp(0.75rem, 0.6591rem + 0.4545vw, 1.75rem);
 					}
 

diff --git a/src/OnboardingSPA/steps/SiteGen/Building/stylesheet.scss b/src/OnboardingSPA/steps/SiteGen/Building/stylesheet.scss
@@ -31,13 +31,13 @@
 		}
 
 		&--header {
-			height: 80px;
+			height: 10vh;
 			width: 90vw;
 		}
 
 		&--body {
 			width: 90vw;
-			height: 500px;
+			height: 80vh;
 		}
 
 		&--footer {
@@ -48,12 +48,12 @@
 
 			&_left {
 				width: 55vw;
-				height: 300px;
+				height: 40vh;
 			}
 
 			&_right {
 				width: 33vw;
-				height: 300px;
+				height: 40vh;
 			}
 		}
 	}

diff --git a/src/OnboardingSPA/steps/SiteGen/Experience/stylesheet.scss b/src/OnboardingSPA/steps/SiteGen/Experience/stylesheet.scss
@@ -3,4 +3,8 @@
 	align-items: center;
 	flex-direction: column;
 	justify-content: center;
+
+	@media (max-width: #{ ($break-large) }) {
+		margin-bottom: 70px;
+	}
 }
diff --git a/src/OnboardingSPA/steps/SiteGen/SiteLogo/stylesheet.scss b/src/OnboardingSPA/steps/SiteGen/SiteLogo/stylesheet.scss
@@ -16,7 +16,7 @@
 				}
 
 				&__buttons {
-					width: 95%;
+					width: 108%;
 					display: flex;
 					padding: 16px;
 					flex-direction: row;