diff --git a/apps/client/src/components/Pages/auth/Layout/Layout.module.scss b/apps/client/src/components/Pages/auth/Layout/Layout.module.scss index 9beb4113a..04a0bdee2 100644 --- a/apps/client/src/components/Pages/auth/Layout/Layout.module.scss +++ b/apps/client/src/components/Pages/auth/Layout/Layout.module.scss @@ -81,5 +81,5 @@ $headerHeight: 120px; .fixed_illu { position: fixed; bottom: u(10); - left: u(26); + left: max(8vw, 10px); } diff --git a/apps/client/src/components/Pages/auth/Layout/Layout.tsx b/apps/client/src/components/Pages/auth/Layout/Layout.tsx index 9ac179b8e..1e89c0e59 100644 --- a/apps/client/src/components/Pages/auth/Layout/Layout.tsx +++ b/apps/client/src/components/Pages/auth/Layout/Layout.tsx @@ -59,7 +59,7 @@ const Layout = (props: Props) => { } /> )} -
+
{props.children}
{!props.fullWidth && ( @@ -81,7 +81,6 @@ const Layout = (props: Props) => {
)}
- {props.fullWidth && (
diff --git a/apps/client/src/scss/components/auth.module.scss b/apps/client/src/scss/components/auth.module.scss index ce4b8bc2c..d1a0fe1c6 100644 --- a/apps/client/src/scss/components/auth.module.scss +++ b/apps/client/src/scss/components/auth.module.scss @@ -14,17 +14,23 @@ } &.full { - width: 720px; + max-width: 48rem; margin: auto; .container_inner { - padding: 0 u(38); - position: relative; - - .back_button { - position: absolute; - top: 0; - left: 0; + padding: 0 u(4); + margin-bottom: 170px; /* To compensate the illustration height */ + /* stylelint-disable-next-line media-feature-range-notation */ + @media (min-width: 48em) { + padding: 0 9.5rem; + margin-bottom: 0; + position: relative; + + .back_button { + position: absolute; + top: 0; + left: 0; + } } } }