diff --git a/src/features/login/Container.tsx b/src/features/login/Container.tsx
index 0ece5fb..4ca9efe 100644
--- a/src/features/login/Container.tsx
+++ b/src/features/login/Container.tsx
@@ -1,7 +1,7 @@
import { FunctionComponent } from 'react';
import useLogin from './hooks/useLogin';
-import logo from './logo.png';
+import logo from './logo.svg';
import './style/index.scss';
const LoginContainer: FunctionComponent = () => {
@@ -15,7 +15,7 @@ const LoginContainer: FunctionComponent = () => {
@@ -25,7 +25,7 @@ const LoginContainer: FunctionComponent = () => {
diff --git a/src/features/login/logo.png b/src/features/login/logo.png
deleted file mode 100644
index 9ccd8ce..0000000
Binary files a/src/features/login/logo.png and /dev/null differ
diff --git a/src/features/login/logo.svg b/src/features/login/logo.svg
new file mode 100644
index 0000000..46c45cc
--- /dev/null
+++ b/src/features/login/logo.svg
@@ -0,0 +1,20 @@
+
diff --git a/src/features/login/style/index.scss b/src/features/login/style/index.scss
index ed70096..8b5b6ee 100644
--- a/src/features/login/style/index.scss
+++ b/src/features/login/style/index.scss
@@ -21,12 +21,20 @@
}
input {
- border: 1px solid black;
- padding: 8px 10px;
+ border-radius: 4px;
+ border: 1px solid #e3e3e3;
+ background: #f7f7f7;
+ padding: 14px;
width: 100%;
box-sizing: border-box;
}
+ input::placeholder {
+ color: #b2b2c8;
+ font-size: 16px;
+ font-weight: 400;
+ }
+
.input-group {
margin: 10px 0;
}
@@ -40,7 +48,7 @@
padding: 6px 14px;
width: 100%;
height: 48px;
- margin: 20px 0;
+ margin: 40px 0 26px;
}
input[type='submit']:hover {
cursor: pointer;
@@ -54,7 +62,7 @@
}
a {
- color: #9797ae;
+ color: #1d1d6b;
text-decoration: underline;
font-size: 14px;
font-weight: 500;
@@ -64,6 +72,6 @@
display: block;
font-size: 16px;
font-weight: 500;
- line-height: 24px;
+ line-height: 28px;
}
}