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; } }