💇‍♀️ Fix third-party login responsiveness

supertokens · May 26, 2024 · 1929b8c · 1929b8c
1 parent 7696da8
commit 1929b8c
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/src/ui/components/tenants/tenantDetail/keyValueInput/keyValueInput.scss b/src/ui/components/tenants/tenantDetail/keyValueInput/keyValueInput.scss
@@ -41,7 +41,7 @@
 			gap: 10px;
 		}
 
-		@media screen and (max-width: 480px) {
+		@media screen and (max-width: 768px) {
 			flex-direction: column;
 			gap: 10px;
 			padding-bottom: 10px;

diff --git a/...ui/components/tenants/tenantDetail/thirdPartyProviderConfig/thirdPartyProviderConfig.scss b/...ui/components/tenants/tenantDetail/thirdPartyProviderConfig/thirdPartyProviderConfig.scss
@@ -163,7 +163,7 @@
 	flex-direction: column;
 	gap: 15px;
 
-	@media screen and (max-width: 480px) {
+	@media screen and (max-width: 768px) {
 		gap: 0px;
 	}
 
@@ -180,7 +180,7 @@
 		gap: 10px;
 		align-items: center;
 
-		@media screen and (max-width: 480px) {
+		@media screen and (max-width: 768px) {
 			align-items: flex-end;
 
 			.delete-cross-button {
@@ -191,7 +191,7 @@
 
 	&__footer {
 		margin-left: 128px;
-		@media screen and (max-width: 480px) {
+		@media screen and (max-width: 768px) {
 			margin-left: 0px;
 			margin-top: 18px;
 		}
@@ -416,7 +416,7 @@
 .provider-email-select {
 	display: flex;
 	gap: 75px;
-	@media screen and (max-width: 480px) {
+	@media screen and (max-width: 768px) {
 		flex-direction: column;
 		gap: 10px;
 	}

diff --git a/src/ui/components/tenants/tenantDetail/thirdPartyProviderInput/thirdPartyProviderInput.scss b/src/ui/components/tenants/tenantDetail/thirdPartyProviderInput/thirdPartyProviderInput.scss
@@ -18,7 +18,7 @@
 	width: 100%;
 	gap: 20px;
 
-	@media screen and (max-width: 480px) {
+	@media screen and (max-width: 768px) {
 		flex-direction: column;
 		gap: 12px;
 	}
@@ -30,7 +30,7 @@
 		color: var(--color-secondary-text);
 		min-width: max-content;
 
-		@media screen and (max-width: 480px) {
+		@media screen and (max-width: 768px) {
 			min-width: unset;
 		}
 	}