From ec31b54af289566c31ab7a126c7cffb1b0f080c3 Mon Sep 17 00:00:00 2001 From: Brion Date: Fri, 4 Jul 2025 17:19:52 +0530 Subject: [PATCH 1/3] fix(react): ensure text alignment is set to left in container style --- .../react/src/components/primitives/FormControl/FormControl.tsx | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/react/src/components/primitives/FormControl/FormControl.tsx b/packages/react/src/components/primitives/FormControl/FormControl.tsx index 918af365d..c52a30dd0 100644 --- a/packages/react/src/components/primitives/FormControl/FormControl.tsx +++ b/packages/react/src/components/primitives/FormControl/FormControl.tsx @@ -64,6 +64,7 @@ const FormControl: FC = ({ const {theme} = useTheme(); const containerStyle: CSSProperties = { + textAlign: 'left', marginBottom: `calc(${theme.vars.spacing.unit} * 2)`, ...style, }; From a01ca2cef62533c1e2c8dd9d2fa85b3668676eba Mon Sep 17 00:00:00 2001 From: Brion Date: Fri, 4 Jul 2025 17:37:31 +0530 Subject: [PATCH 2/3] fix(react): set minimum width for card component in SignIn and SignUp styles --- packages/react/src/components/presentation/SignIn/BaseSignIn.tsx | 1 + packages/react/src/components/presentation/SignUp/BaseSignUp.tsx | 1 + 2 files changed, 2 insertions(+) diff --git a/packages/react/src/components/presentation/SignIn/BaseSignIn.tsx b/packages/react/src/components/presentation/SignIn/BaseSignIn.tsx index 6552bc5ab..bce5cd693 100644 --- a/packages/react/src/components/presentation/SignIn/BaseSignIn.tsx +++ b/packages/react/src/components/presentation/SignIn/BaseSignIn.tsx @@ -295,6 +295,7 @@ const useStyles = () => { () => ({ card: { gap: `calc(${theme.vars.spacing.unit} * 2)`, + minWidth: '420px', } as CSSProperties, header: { gap: 0, diff --git a/packages/react/src/components/presentation/SignUp/BaseSignUp.tsx b/packages/react/src/components/presentation/SignUp/BaseSignUp.tsx index d9f805669..ebc31191e 100644 --- a/packages/react/src/components/presentation/SignUp/BaseSignUp.tsx +++ b/packages/react/src/components/presentation/SignUp/BaseSignUp.tsx @@ -132,6 +132,7 @@ const useStyles = () => { () => ({ card: { gap: `calc(${theme.vars.spacing.unit} * 2)`, + minWidth: '420px', } as CSSProperties, header: { gap: 0, From b23868f33d9a05df790b22b6585cd20ce7316de9 Mon Sep 17 00:00:00 2001 From: Brion Date: Fri, 4 Jul 2025 19:33:14 +0530 Subject: [PATCH 3/3] chore: add changeset --- .changeset/mean-donkeys-double.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/mean-donkeys-double.md diff --git a/.changeset/mean-donkeys-double.md b/.changeset/mean-donkeys-double.md new file mode 100644 index 000000000..60024ec32 --- /dev/null +++ b/.changeset/mean-donkeys-double.md @@ -0,0 +1,5 @@ +--- +'@asgardeo/react': patch +--- + +Fix alignment issues in the components