From 708e972bf9c61142de8d3c10cda98c62d9a0a4cb Mon Sep 17 00:00:00 2001
From: wooooooood <13pft13@gmail.com>
Date: Sun, 20 Aug 2023 00:45:46 +0900
Subject: [PATCH] feat(login): update design
---
src/features/login/Container.tsx | 6 +++---
src/features/login/logo.png | Bin 2334 -> 0 bytes
src/features/login/logo.svg | 20 ++++++++++++++++++++
src/features/login/style/index.scss | 18 +++++++++++++-----
4 files changed, 36 insertions(+), 8 deletions(-)
delete mode 100644 src/features/login/logo.png
create mode 100644 src/features/login/logo.svg
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 9ccd8ce057eadb1d2ce95e35c2c07e8714f3ae5c..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 2334
zcmV+(3E}pMP)>lkfKd1nG0lANdb2x_bK7d46^4~CeNC3-$q?m3hqejHDnoLP-5J69byj%Qom9u
zz@$Lkm?3UH!|DPk;b%|b&P;d@Ntw1B$}=6g3Yvg={Xi66ey5CyU3%n)42UU)&q&5%E7pu(5G}%`6c3E@Z#Ks)S7i!hZvroHAQ&W
zhekeSS%wDBP$^{W>F7aXTf4r{GE@>oV?9D9dfr^hNuj1j{%kYO)yRmh(ov>TAugup
zSV#|5Ab&{V3gp8c@;6qSjB|I85oZ^ESMUofO(h4-&vr?YLLIK|pkJBkT-!MoDzt1N
z1>QwC$TLqm$EeJzk;{-7E?vp)m*3vQzyJL0bivankM@7M_x-`bA=Q+HI;781CxzOR
zl*kv|h*@zS)r0CD{OHpyy!p1fU70=p#r$D^weZI-DxK6CkaFEZf5$#*WP;j~ca_g4
zYf1NYsWsi4=euUF#bS9wQ)ewukBvCqg4VC%lg+Cqd1V*ob3Ck+ZZhz11;6YlMLpD}
zq3Uf6$T*u7=iKZ&`1y_7c=vq;SLSDM_lwWYOb~!Jyi|~dH@1=w;pRyum0ZH}p3U@}
z=Nekxf;+J%$|sfF0S|?+Sk!HL9Jp$WJarW8Zxec*PwK6t9S^XoN
z((N)Y3l{zLy^3|Hw`IekZ06<`A*GXs5uEU@OS{jmi)(0k*!(n(=Z8+txZX1-4BYFh
zCH3Aj7nT`@*lq3vB~mo_Ofb$yN!Lm;ou4j{)tew5lFn)|E)*GP@Sx`~$d`7yrJGkM
zu*C5F{@W4$`qRRd#}5w`!i*13vX_$1aTnpyaPto2B~9md?QmUd5o2ZJxY^(s<(h!M
z;^YGIr*B$lY1H(?&J{4(L74fz>l9u}D%Bu7uJQNbiob`56)LrR4;6Sw#>ZTS!un<8
z9$pd}&(}Boo@HoBkf-C0J;v%B+VQ;o&ff;^7U&xM4F(yhqH|1D@($__sv*NQDdY>a
zpJJT9E(xdtr<3^_8AD2^z~c$Rqv2i-)AP6ML^)Z%uizKTZDAZMx{o+;+fQLVpy`dW
z`8~_5WebIu3Oqu*r=p8%C6Sf3J;z
zq4Ar6J2}Ssk~y@PtV@VFRumExiPD8e!`<8NGmrO?Tj)XaofdhsF5Z#aHv2u4XTj$K
zgoUF77Q+fkp{Gme*oGkn=^0FZ#W1$)6&JYHd)#+nHbDi6WkHRaG
zLg6JhbO@P<&`8q>Qiqtd1ED~gu#Fq3Smc30IAY9+4ssU!c^l5Tt4P)PQ-zoob<)Hj
z9bBVnkq43`Y`uJ}uiiO#?yWt}HK8}LakJFG@JQiPZaX*;oG*T6&M!31Gmnq+Q#
zbI;Dtu&xQdiPeIShCdo<#}}!*EX%?MMv_jq$b-c-w?2%qZkPorodF-3{r642q@GWa
zX1ZuRcD@nzs#%=A+am=MLt~H+KHJG!3=%_1M`JqffSx+6Pv(uT&tX1AqWJBiVG>ID
z8}Lct?S@_swG4~INrw&we#xf^GVt8(}@G#b*@};y&Cs}MOQ6AM?lgs)?1%KtY;J<{3AkPzHew4iV6f%;Je|nJgRl*|P
zqVlD*N@pMoBNW_~s6hQC6}c!}NJ_{;^f6z8s!_MieaMvCB2Q0eAS;(aCM+%kBWo=g
zYbeypWKdhi#W7-=thfxne
zy?q;v(B$_P{Jm(1q{Ud!!gmcG|3@R=eSHbRdtzUYQozfZy|I=Ji3PyUQTQEhdM|^Has`N2H~
z-L%Kh&T)%86i=!=saH`*#&)D|slEl3%A13y<+7@OSj2t7uoKI6j$71ok=9p6ibLLDd1Fs?<|fQJ7JkWQF~@@6zCyoVKErjdveyyppt1~5-0%>A>yg{Se}CQcU*FE;LRBjj}`6KUaY
zT@Cz^?37-G1uwxgMj3`U?nurk@D`gJgoD~6Rh|O>0nZy$gF2_az5oCK07*qoM6N<$
Ef*kaE&j0`b
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;
}
}