💄:: #7 css 수정

GroupBy-Side-Project-GSP · Mar 7, 2022 · efdcd34 · efdcd34
1 parent 40b70e5
commit efdcd34
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 4 deletions.
diff --git a/src/component/Auth/RegisterButton.tsx b/src/component/Auth/RegisterButton.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { useNavigate } from 'react-router-dom';
 import { theme, flexCenter } from '../../style/theme';
 import styled from 'styled-components';
@@ -33,7 +32,7 @@ const Wrapper = styled.div`
   color: black;
   font-size: 1.4rem;
   &:hover {
-    background: ${theme.color.Main_lighten};
+    background: ${theme.color.Main};
     color: white;
   }
 `;
diff --git a/src/component/Auth/RightAlignedLink.tsx b/src/component/Auth/RightAlignedLink.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import styled from 'styled-components';
 import { useNavigate } from 'react-router-dom';
 import { theme } from '../../style/theme';
@@ -25,11 +24,13 @@ export default RightAlignedLink;
 const Aligner = styled.div`
   text-align: right;
   display: flex;
+  width: 58rem;
   margin-top: 2rem;
   .styled-link {
     color: ${theme.color.medium_gray};
     font-size: 1.6rem;
-    display: flex;
+    margin-left: 31rem;
+    margin-right: 0;
     border-bottom: 1px solid ${theme.color.medium_gray};
     &:hover {
       color: ${theme.color.medium_gray};

diff --git a/src/style/theme.ts b/src/style/theme.ts
@@ -6,6 +6,31 @@ export const flexCenter = css`
   justify-content: center;
 `;
 
+export const inputlabel = css`
+  font-size: 1.6rem;
+  margin-bottom: 1rem;
+  font-weight: bold;
+  color: #9e9e9e;
+`;
+
+export const inputForm = css`
+  width: 58rem;
+  border: 0;
+  border-bottom: 1px solid #e0e0e0;
+  outline: none;
+  padding-bottom: 1rem;
+  border-radius: 0px;
+  line-height: 2.5rem;
+  font-size: 1.4rem;
+  margin-top: 1rem;
+  margin-bottom: 1.8rem;
+  ::placeholder {
+    color: #e0e0e0;
+  }
+  &.error {
+    border-bottom: 1px solid red;
+  }
+`;
 // font랑 margin은 아직 디자인에 맞게 수정 안한 상태입니다
 export const margins = {
   sm: '.5rem',