fix(signin): Delete SignInStyled and move styled in to index

daodaoedu · Jan 15, 2024 · 1de4287 · 1de4287
1 parent 897e423
commit 1de4287
Show file tree

Hide file tree

Showing 2 changed files with 43 additions and 48 deletions.
diff --git a/pages/signin/Signin.styled.jsx b/pages/signin/Signin.styled.jsx
diff --git a/pages/signin/index.jsx b/pages/signin/index.jsx
@@ -15,11 +15,49 @@ import Checkbox from '@mui/material/Checkbox';
 import SEOConfig from '@/shared/components/SEO';
 import Navigation from '@/shared/components/Navigation_v2';
 import Footer from '@/shared/components/Footer_v2';
-import {
-  HomePageWrapper,
-  StyledContentWrapper,
-  StyledQuestionInput,
-} from './Signin.styled';
+import styled from '@emotion/styled';
+
+export const HomePageWrapper = styled.div`
+  --section-height: calc(100vh - 80px);
+  --section-height-offset: 80px;
+  background: linear-gradient(0deg, #f3fcfc, #f3fcfc), #f7f8fa;
+`;
+
+export const StyledContentWrapper = styled.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  background-color: #fff;
+  border-radius: 16px;
+  margin: 60px auto;
+  max-width: 50%;
+  width: 100%;
+  @media (max-width: 767px) {
+    max-width: 80%;
+    .title {
+      text-overflow: ellipsis;
+      width: 100%;
+    }
+  }
+
+  h2 {
+    font-weight: 700;
+    font-size: 22px;
+    line-height: 140%;
+    text-align: center;
+    color: #536166;
+    margin-top: 40px;
+  }
+`;
+
+export const StyledQuestionInput = styled.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+  margin-top: 20px;
+`;
 
 function EditPage() {
   const router = useRouter();