feat: modify invite page & 404 page (#1097)

apps/web/src/components/404/styles.ts

@@ -1,21 +1,19 @@
-import { styled } from '@affine/component';
+import { displayFlex, styled } from '@affine/component';
 
-export const PageContainer = styled('div')(({ theme }) => {
+export const StyledContainer = styled.div(() => {
   return {
-    width: '100%',
-    height: 'calc(100vh)',
-    backgroundColor: theme.colors.pageBackground,
-  };
-});
-
-export const NotFoundTitle = styled('h1')(({ theme }) => {
-  return {
-    position: 'relative',
-    top: 'calc(50% - 100px)',
-    height: '100px',
-    fontSize: '60px',
-    lineHeight: '100px',
-    color: theme.colors.textColor,
-    textAlign: 'center',
+    ...displayFlex('center', 'center'),
+    flexDirection: 'column',
+    height: '100vh',
+
+    img: {
+      width: '360px',
+      height: '270px',
+    },
+    p: {
+      fontSize: '22px',
+      fontWeight: 600,
+      margin: '24px 0',
+    },
   };
 });