diff --git a/packages/twenty-front/src/modules/auth/components/StyledOnboardingContentContainer.ts b/packages/twenty-front/src/modules/auth/components/StyledOnboardingContentContainer.ts index e77ee25078..3aea62da85 100644 --- a/packages/twenty-front/src/modules/auth/components/StyledOnboardingContentContainer.ts +++ b/packages/twenty-front/src/modules/auth/components/StyledOnboardingContentContainer.ts @@ -1,8 +1,10 @@ +import { ONBOARDING_CONTENT_BLOCK_WIDTH } from '@/onboarding/constants/OnboardingContentBlockWidth'; import { styled } from '@linaria/react'; import { themeCssVariables } from 'twenty-ui/theme-constants'; export const StyledOnboardingContentContainer = styled.div` margin-bottom: ${themeCssVariables.spacing[8]}; margin-top: ${themeCssVariables.spacing[4]}; - min-width: 240px; + max-width: 100%; + width: ${ONBOARDING_CONTENT_BLOCK_WIDTH}px; `; diff --git a/packages/twenty-front/src/modules/auth/sign-in-up/components/SignInUpGlobalScopeForm.tsx b/packages/twenty-front/src/modules/auth/sign-in-up/components/SignInUpGlobalScopeForm.tsx index f49acf7e36..062cfdf9ed 100644 --- a/packages/twenty-front/src/modules/auth/sign-in-up/components/SignInUpGlobalScopeForm.tsx +++ b/packages/twenty-front/src/modules/auth/sign-in-up/components/SignInUpGlobalScopeForm.tsx @@ -9,7 +9,6 @@ import { ClickToActionLink, UndecoratedLink } from 'twenty-ui/navigation'; import { StyledOnboardingContentContainer } from '@/auth/components/StyledOnboardingContentContainer'; import { OnboardingStepAnimatedItem } from '@/onboarding/components/OnboardingStepAnimatedItem'; -import { ONBOARDING_CONTENT_BLOCK_WIDTH } from '@/onboarding/constants/OnboardingContentBlockWidth'; import { SignInUpWithCredentials } from '@/auth/sign-in-up/components/internal/SignInUpWithCredentials'; import { SignInUpWithGoogle } from '@/auth/sign-in-up/components/internal/SignInUpWithGoogle'; import { SignInUpWithMicrosoft } from '@/auth/sign-in-up/components/internal/SignInUpWithMicrosoft'; @@ -38,13 +37,6 @@ import { import { getWorkspaceUrl } from '~/utils/getWorkspaceUrl'; import { getAbsoluteImageUrl } from '~/utils/image/getAbsoluteImageUrl'; -const StyledWorkspaceSelectionContentContainer = styled( - StyledOnboardingContentContainer, -)` - max-width: 100%; - width: ${ONBOARDING_CONTENT_BLOCK_WIDTH}px; -`; - const StyledWorkspaceContainer = styled.div` background-color: ${themeCssVariables.background.secondary}; border: 1px solid ${themeCssVariables.border.color.light}; @@ -173,7 +165,7 @@ export const SignInUpGlobalScopeForm = () => { return ( <> {signInUpStep === SignInUpStep.WorkspaceSelection && ( - + {availableWorkspacesList.map((availableWorkspace, index) => ( { )} - + )} {signInUpStep !== SignInUpStep.WorkspaceSelection && (