From 8a91ca87fe24db37368e00684965704ea6082706 Mon Sep 17 00:00:00 2001 From: aNN-algorithm Date: Sat, 14 Jun 2025 00:25:38 +0900 Subject: [PATCH 1/8] =?UTF-8?q?:lipstick:add:=20=EB=A9=94=EB=89=B4=20?= =?UTF-8?q?=EB=B0=94=20=EC=83=81=EB=8B=A8=20=EA=B3=A0=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- style.css | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/style.css b/style.css index 132cad24..4ddddc7f 100644 --- a/style.css +++ b/style.css @@ -14,6 +14,11 @@ body { display: flex; justify-content: space-between; align-items: center; + position: fixed; /* 상단에 붙이기 */ + top: 0px; + left: 0px; + z-index: 1; /* 앞으로 빼기, 이것은 숫자 무엇으로 설정해야 좋을까? */ + background-color: #FFFFFF; } .menu img { @@ -45,6 +50,7 @@ body { .go_shopping { width: 100%; height: 540px; + margin-top: 70px; position: relative; display: flex; flex-wrap: wrap; @@ -291,4 +297,4 @@ a:link { width: 70%; height: auto; } -} \ No newline at end of file +} From 4ff9d011c81c11bfe8bae9ca7488614005f4b6c0 Mon Sep 17 00:00:00 2001 From: aNN-algorithm Date: Sat, 14 Jun 2025 23:34:31 +0900 Subject: [PATCH 2/8] =?UTF-8?q?:lipstick:add:=20login=20=ED=8E=98=EC=9D=B4?= =?UTF-8?q?=EC=A7=80=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- img/btn_visibility_on.png | Bin 0 -> 837 bytes img/login_page_logo.png | Bin 0 -> 6375 bytes img/social-login-google.png | Bin 0 -> 1589 bytes img/social-login-kakao.png | Bin 0 -> 1439 bytes login | 0 login.html | 57 +++++++++++++ style.css | 154 +++++++++++++++++++++++++++++++++++- 7 files changed, 209 insertions(+), 2 deletions(-) create mode 100644 img/btn_visibility_on.png create mode 100644 img/login_page_logo.png create mode 100644 img/social-login-google.png create mode 100644 img/social-login-kakao.png delete mode 100644 login create mode 100644 login.html diff --git a/img/btn_visibility_on.png b/img/btn_visibility_on.png new file mode 100644 index 0000000000000000000000000000000000000000..2a13ff4395deddce7c0aedc7249960b1f07900cf GIT binary patch literal 837 zcmV-L1G@Z)P)R(_DwiH^SEhKug-VijY2^ivq@?pYFxN+-p^QPQ17AQBAYD$0xPA)e{ z4BaLc37ELt@P;>K+j+i6*k#(Z%AqIYOLlkW&3o_nK7Kol{g=y1VratGH#nMPO%}~r zoK{ZbobiRe$D`Nt@8)MzqrN9kBh0Qu1Q$Nq1D7Y93v+ELZTt;@tDF9Tu?%X4frIXV zJRBH*AvsJo@VD?WT0AW?xusWDJp-X`*0Xa-25gZ7*Rhfm=~lDpDcs+~AUD>R=QusI z7Lq+e+buLn+7Apm88*-qm_?KvVR2W0>Ar<1l|^gibtXT?w- zi-i1Ln`_z3F#)x8bfX%kYe8H9Vh{#=Nx|2$Y5l^9>24)o3L99>Yk#O`MKI8%=HUmW zU4#5lZ#W<~Z$*E6Efuz_W`LQc5Wt||j*iyoaiY$IB)|N|M2A@bc&2vX+}9A2rxJ;z z*9AxnA`OB0Dja52hu)#24;VW$tOY?&1K(cye^ehFKE?2sH7#;cfo)qzPfGx+%4lOL zV^IZel?n*`1Jur1dP>3Q+|tTr)1ATozWKAQy}O7YZoeG|9NJa<#9feTb{T5$Gmujuis7D4(5w?&zy%dcg#yBj0_Y&fCRY zHhp|hD!dK0$BL4(?|8O@ecr(#Ppcq-_Sgu1iuw0*6Kc$=tHRBOD2uG3!Q(cAfmg1G z7SriB4c3toUoAh zM!gHN>4FL9{expr@51x2CWuN7e<*r{*No|$3DzW`YXbQ{B0bVz|CIa&q^@XaH=cSJ P00000NkvXXu0mjf>m7HW literal 0 HcmV?d00001 diff --git a/img/login_page_logo.png b/img/login_page_logo.png new file mode 100644 index 0000000000000000000000000000000000000000..7db8527adbe762cd3dcff8a756c4cb40913cb2cd GIT binary patch literal 6375 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 D*X~Ho literal 0 HcmV?d00001 diff --git a/img/social-login-google.png b/img/social-login-google.png new file mode 100644 index 0000000000000000000000000000000000000000..49852a6bd508728700902c9f7fa4208fad04db49 GIT binary patch literal 1589 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 t + + + 판다마켓 + + + + + + + \ No newline at end of file diff --git a/style.css b/style.css index 4ddddc7f..b4a16879 100644 --- a/style.css +++ b/style.css @@ -189,7 +189,6 @@ body { display: flex; flex-direction: column; justify-content: center; - /* align-items: center; */ } .sub_menu_text { @@ -214,7 +213,6 @@ body { width: 1110px; display: flex; margin: 143px 0 0; - /* justify-content: center; */ justify-content: space-between; align-items: center; } @@ -298,3 +296,155 @@ a:link { height: auto; } } + +.login-page { + height: 100vh; + display: flex; + justify-content: center; + align-items: center; +} + +.login-container { + width: 640px; + height: 618px; +} + +.login-main-logo { + width: 396px; + height: 132px; + margin: 0 auto; +} + +.login-content { + height: 446px; + margin-top: 40px; + display: flex; + flex-direction: column; + justify-content: space-between; +} + +.member-info { + margin: 0; + height: 300px; + display: flex; + flex-direction: column; + justify-content: space-between; +} + +.member-info p { + margin: 0 0 16px; + display: flex; + flex-direction: column; + justify-content: space-between; + font-weight: 700px; + font-size: 18px; + line-height: 26px; + letter-spacing: 0%; +} + +.member-info input { + height: 56px; + width: 100%; + box-sizing: border-box; + font-size: 16px; + font-weight: 400; + line-height: 0%; + padding: 0px 24px; + border: 0px; + border-radius: 12px; + gap: 10px; + color: #1F2937; + background-color: #F3F4F6; +} + +.login-password { + position: relative; +} + +.eyes { + height: 24px; + position: absolute; + top: 58px; + bottom: 0; + right: 16px; + display: flex; + align-items: center; + cursor: pointer; +} + +.go-login button{ + width: 100%; + height: 56px; + border-radius: 40px; + padding: 16px 124px; + gap: 10px; + border: 0px; + background-color: #3692FF; + font-weight: 600; + font-size: 20px; + line-height: 32px; + letter-spacing: 0%; + vertical-align: middle; + display: flex; + justify-content: center; + align-items: center; + color: #F3F4F6; +} + +.social-login { + width: 100%; + height: 74px; + border-radius: 8px; + gap: 10px; + display: flex; + justify-content: center; + align-items: center; + background-color: #E6F2FF; +} + +.social-login-content { + width: 100%; + display: flex; + align-items: center; + justify-content: space-between; + margin: 16px 23px; + vertical-align: middle; + font-weight: 500; + height: 26px; + font-size: 16px; + line-height: 26px; + letter-spacing: 0%; + color: #1F2937; +} + +.social-login-text { + height: 26px; + margin: 0; + font-weight: 500; + font-size: 16px; + line-height: 26px; + letter-spacing: 0%; + vertical-align:middle; + color: #1F2937; +} + +.social-login-img { + width: 100px; + height: 42px; + display: flex; + justify-content: space-between; +} + +.go-signup { + font-weight: 500; + font-size: 14px; + line-height: 24px; + letter-spacing: 0%; + margin: 0; + text-align: center; +} + +.go-signup a { + color: #3692FF; + text-decoration: underline; +} \ No newline at end of file From 08a50579531cee12d5ea7ed665a9902b461497f4 Mon Sep 17 00:00:00 2001 From: aNN-algorithm Date: Sat, 14 Jun 2025 23:55:15 +0900 Subject: [PATCH 3/8] =?UTF-8?q?:lipstick:update:=20=ED=81=B4=EB=9E=98?= =?UTF-8?q?=EC=8A=A4=20=EC=9D=B4=EB=A6=84=20=EB=B3=80=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- login.html | 2 +- style.css | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/login.html b/login.html index 546cd3b9..1320a5a7 100644 --- a/login.html +++ b/login.html @@ -14,7 +14,7 @@