fix large input box on larger screens

newfold-labs · May 31, 2023 · 7c2aa68 · 7c2aa68
1 parent 11344d3
commit 7c2aa68
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 6 deletions.
diff --git a/src/OnboardingSPA/components/CardHeader/stylesheet.scss b/src/OnboardingSPA/components/CardHeader/stylesheet.scss
@@ -3,15 +3,13 @@
 	font-weight: 700;
 	line-height: 1.25;
 	text-align: center;
-	font-size: 1rem;
-	font-size: clamp(1rem, 0.8152173913043478rem + 0.9239130434782609vw, 3.125rem);
+	font-size: clamp(1rem, 0.81rem + 0.92vw, 3.125rem);
 }
 
 .nfd-step-card-subheading {
 	margin: 5px;
 	font-weight: 700;
 	color: var(--wp-admin-theme-color);
-	font-size: 1.5rem;
 	font-size: clamp(1rem, 0.91rem + 0.43vw, 2rem);
 	text-align: center;
 	line-height: 1;
@@ -26,7 +24,6 @@
 
 .nfd-step-card-question {
 	margin: 18px;
-	font-size: 1.3125rem;
 	font-size: clamp(1.3125rem, 1.2rem + 0.5vw, 2.5rem);
 	line-height: 1.2;
 }
diff --git a/src/OnboardingSPA/pages/Steps/GetStarted/SiteTypeSetup/PrimarySite/stylesheet.scss b/src/OnboardingSPA/pages/Steps/GetStarted/SiteTypeSetup/PrimarySite/stylesheet.scss
@@ -38,14 +38,13 @@
 
 			&-input {
 				width: 30vw;
-				height: 5.5vh;
 				font-size: 16px;
 				font-weight: 300;
 				margin: 0 1rem 1.5rem 1rem;
 				padding: 8px 16px !important;
 
 				&::placeholder {
-					font-size: 15px;
+					font-size: 16px;
 				}
 
 				@media (max-width: #{($break-medium - 1)}) {