Fix shrinked horizontal separator (#9192)

Related issue:
https://discord.com/channels/1130383047699738754/1317185369577492532/1317185369577492532.

TL;DR: When used in a flex container, the separators gets hidden when
the container becomes scrollable. We must ensure they can't shrink.

---------

Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com>
This commit is contained in:
Baptiste Devessier
2024-12-30 18:03:21 +01:00
committed by GitHub
parent e153168edb
commit e1c99beaa4
4 changed files with 14 additions and 13 deletions

View File

@ -106,7 +106,7 @@ export const SignInUpGlobalScopeForm = () => {
{authProviders.google && <SignInUpWithGoogle />}
{authProviders.microsoft && <SignInUpWithMicrosoft />}
{(authProviders.google || authProviders.microsoft) && (
<HorizontalSeparator visible />
<HorizontalSeparator />
)}
{/* eslint-disable-next-line react/jsx-props-no-spreading */}
<FormProvider {...form}>

View File

@ -37,7 +37,7 @@ export const SignInUpWorkspaceScopeForm = () => {
workspaceAuthProviders.microsoft ||
workspaceAuthProviders.sso.length > 0) &&
workspaceAuthProviders.password ? (
<HorizontalSeparator visible />
<HorizontalSeparator />
) : null}
{workspaceAuthProviders.password && <SignInUpWithCredentials />}