Login methods review updates and minor CSS fixes

supertokens · Apr 13, 2024 · ef65a20 · ef65a20
1 parent 77b151f
commit ef65a20
Show file tree

Hide file tree

Showing 7 changed files with 27 additions and 7 deletions.
diff --git a/build/static/css/main.css b/build/static/css/main.css
diff --git a/build/static/css/main.css.map b/build/static/css/main.css.map
diff --git a/build/static/js/bundle.js b/build/static/js/bundle.js
diff --git a/build/static/js/bundle.js.map b/build/static/js/bundle.js.map
diff --git a/src/ui/components/tenants/tenantDetail/LoginMethodsSection.tsx b/src/ui/components/tenants/tenantDetail/LoginMethodsSection.tsx
@@ -166,7 +166,7 @@ const LoginFactor = ({
 					if (res.status === "RECIPE_NOT_CONFIGURED_ON_BACKEND_SDK_ERROR") {
 						setError(res.message);
 					} else if (res.status === "MFA_NOT_INITIALIZED_ERROR") {
-						setMfaError?.("MFA_NOT_INITIALIZED");
+						setMfaError!("MFA_NOT_INITIALIZED");
 					} else {
 						throw new Error(res.status);
 					}
@@ -175,15 +175,15 @@ const LoginFactor = ({
 				}
 
 				if (res.status === "OK" && res.isMFARequirementsForAuthOverridden) {
-					setMfaError?.("MFA_REQUIREMENTS_FOR_AUTH_OVERRIDDEN");
+					setMfaError!("MFA_REQUIREMENTS_FOR_AUTH_OVERRIDDEN");
 				}
 
 				// If this is not a MFA related error then clear the error
 				if (
 					(res.status === "OK" && !res.isMFARequirementsForAuthOverridden) ||
 					res.status === "RECIPE_NOT_CONFIGURED_ON_BACKEND_SDK_ERROR"
 				) {
-					setMfaError?.(null);
+					setMfaError!(null);
 				}
 			}
 		} catch (error) {

diff --git a/...ui/components/tenants/tenantDetail/thirdPartyProviderConfig/thirdPartyProviderConfig.scss b/...ui/components/tenants/tenantDetail/thirdPartyProviderConfig/thirdPartyProviderConfig.scss
@@ -163,6 +163,10 @@
 	flex-direction: column;
 	gap: 15px;
 
+	@media screen and (max-width: 480px) {
+		gap: 0px;
+	}
+
 	&__divider {
 		display: block;
 		height: 0px;
@@ -175,10 +179,22 @@
 		display: flex;
 		gap: 10px;
 		align-items: center;
+
+		@media screen and (max-width: 480px) {
+			align-items: flex-end;
+
+			.delete-cross-button {
+				transform: translateY(-5px);
+			}
+		}
 	}
 
 	&__footer {
 		margin-left: 128px;
+		@media screen and (max-width: 480px) {
+			margin-left: 0px;
+			margin-top: 18px;
+		}
 	}
 
 	&__add-new {

diff --git a/src/ui/components/tenants/tenantDetail/thirdPartyProviderInput/thirdPartyProviderInput.scss b/src/ui/components/tenants/tenantDetail/thirdPartyProviderInput/thirdPartyProviderInput.scss
@@ -29,6 +29,10 @@
 		font-size: 14px;
 		color: var(--color-secondary-text);
 		min-width: max-content;
+
+		@media screen and (max-width: 480px) {
+			min-width: unset;
+		}
 	}
 
 	&__required {