fix(core): signIn page style (#6582)

packages/frontend/component/src/components/not-found-page/not-found-page.tsx

@@ -30,7 +30,6 @@ export const NoPermissionOrNotFound = ({
   return (
     <AffineOtherPageLayout>
       <div className={notFoundPageContainer} data-testid="not-found">
-        <div>
         {user ? (
           <>
             <div className={wrapper}>
@@ -61,7 +60,6 @@ export const NoPermissionOrNotFound = ({
           signInComponent
         )}
       </div>
-      </div>
     </AffineOtherPageLayout>
   );
 };
@@ -76,7 +74,6 @@ export const NotFoundPage = ({
   return (
     <AffineOtherPageLayout>
       <div className={notFoundPageContainer} data-testid="not-found">
-        <div>
         <div className={wrapper}>
           <NotFoundPattern />
         </div>
@@ -104,7 +101,6 @@ export const NotFoundPage = ({
           </div>
         ) : null}
       </div>
-      </div>
     </AffineOtherPageLayout>
   );
 };

packages/frontend/component/src/components/not-found-page/styles.css.ts

@@ -5,6 +5,7 @@ export const notFoundPageContainer = style({
   color: cssVar('textPrimaryColor'),
   height: '100vh',
   display: 'flex',
+  flexDirection: 'column',
   alignItems: 'center',
   justifyContent: 'center',
   width: '100%',

packages/frontend/core/src/pages/sign-in.tsx

@@ -92,7 +92,7 @@ export const SignIn = () => {
 
   return (
     <SignInPageContainer>
-      <div style={{ maxWidth: '400px' }}>
+      <div style={{ maxWidth: '400px', width: '100%' }}>
         <AuthPanel
           state={state}
           email={email}