From ec64e08f0d7a665676005038cd4c4a2e2ca04db5 Mon Sep 17 00:00:00 2001 From: Suzy-Lee <> Date: Fri, 30 Aug 2024 21:06:59 +0900 Subject: [PATCH 1/6] =?UTF-8?q?style:=20375px=20=EC=9D=B4=ED=95=98?= =?UTF-8?q?=EC=97=90=EB=8F=84=20=EB=AA=A8=EB=B0=94=EC=9D=BC=20UI=20?= =?UTF-8?q?=EC=A0=81=EC=9A=A9=20=EB=90=98=EC=96=B4=EC=A7=80=EB=8F=84?= =?UTF-8?q?=EB=A1=9D,=20=EB=B6=84=EA=B8=B0=EC=A0=90=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/main.css | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/css/main.css b/css/main.css index 5344058f..756e864e 100644 --- a/css/main.css +++ b/css/main.css @@ -357,8 +357,8 @@ footer { } } -/* Mobile: 375px ~ 767px 이하 */ -@media (min-width: 375px) and (max-width: 767px) { +/* Mobile: 767px 이하 */ +@media (max-width: 767px) { .header__inner { padding: 1rem 1.6rem; } @@ -417,6 +417,10 @@ footer { gap: 2.4rem; } + .section__card--text { + width: 100%; + } + .section__card--text p { line-height: 2.6rem; font-size: 1.6rem; From ed706c79486bc326f47d0979417e8c3a8fd36507 Mon Sep 17 00:00:00 2001 From: Suzy-Lee <> Date: Fri, 30 Aug 2024 21:20:04 +0900 Subject: [PATCH 2/6] =?UTF-8?q?style:=20=ED=83=9C=EB=B8=94=EB=A6=BF=20?= =?UTF-8?q?=EB=B6=84=EA=B8=B0=EC=A0=90=EC=97=90=EC=84=9C,=20=EC=84=B9?= =?UTF-8?q?=EC=85=98=20=EB=82=B4=EC=97=90=EC=84=9C=20card=20=EB=B6=80?= =?UTF-8?q?=EB=B6=84=20width=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/main.css | 1 + 1 file changed, 1 insertion(+) diff --git a/css/main.css b/css/main.css index 756e864e..1b7596ea 100644 --- a/css/main.css +++ b/css/main.css @@ -321,6 +321,7 @@ footer { section:nth-of-type(3) .section__card { flex-direction: column-reverse; align-items: flex-end; + width: 100%; } .section__card--img { From c6bf4c1885837b62b0a8686af8a9ce94a0fcf0ae Mon Sep 17 00:00:00 2001 From: Suzy-Lee <> Date: Fri, 30 Aug 2024 22:07:31 +0900 Subject: [PATCH 3/6] =?UTF-8?q?chore:=20index,=20signup=EC=97=90=20?= =?UTF-8?q?=EB=A9=94=ED=83=80=ED=83=9C=EA=B7=B8=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 14 +++++++++++++- pages/login.html | 2 +- pages/signup.html | 12 ++++++++++++ 3 files changed, 26 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index 1ce35560..f76a3beb 100644 --- a/index.html +++ b/index.html @@ -3,9 +3,21 @@ - 판다마켓 + + + + + + + + + + 판다마켓
diff --git a/pages/login.html b/pages/login.html index fc3c655f..460c1349 100644 --- a/pages/login.html +++ b/pages/login.html @@ -3,7 +3,7 @@ - + + + + + + + + + + 회원가입 | 판다마켓 From eefbc5359781621b15235663edfea3b45835e39a Mon Sep 17 00:00:00 2001 From: Suzy-Lee <> Date: Sat, 31 Aug 2024 00:01:05 +0900 Subject: [PATCH 4/6] =?UTF-8?q?feat:=20=EB=A1=9C=EA=B7=B8=EC=9D=B8=20?= =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=A7=80=20=EB=82=B4,=20=EC=9D=B4=EB=A9=94?= =?UTF-8?q?=EC=9D=BC=20input=20=EB=B0=8F=20=EB=B9=84=EB=B0=80=EB=B2=88?= =?UTF-8?q?=ED=98=B8=20input=EC=9D=98=20=EC=97=90=EB=9F=AC=EB=A9=94?= =?UTF-8?q?=EC=84=B8=EC=A7=80=20html=20&=20css=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/auth.css | 23 ++++++++++++++++++++++- pages/login.html | 10 ++++++++-- 2 files changed, 30 insertions(+), 3 deletions(-) diff --git a/css/auth.css b/css/auth.css index dc83829a..7370141b 100644 --- a/css/auth.css +++ b/css/auth.css @@ -43,7 +43,7 @@ main { .signup__field, .login__field--password { height: 5.6rem; - margin-bottom: 2.4rem; + margin-bottom: 2.6rem; } .signup__field--password, @@ -89,6 +89,10 @@ main { background-color: var(--Primary-100); } +.login__submit { + margin-top: 2.4rem; +} + .social-login { display: flex; justify-content: space-between; @@ -149,9 +153,26 @@ main { /* 로그인 영역만 해당부분 */ .login__field--id { margin-bottom: 2.4rem; +} + +.login__input { height: 5.6rem; } +.login__input.error { + border: 1px solid var(--Error-red); +} + +.login__error-message { + color: var(--Error-red); + font-size: 1.4rem; + font-weight: 600; + margin-top: 0.8rem; + display: block; + position: relative; + left: 1.6rem; +} + /* Tablet: 768px ~ 1199px 이하 */ @media (min-width: 768px) and (max-width: 1199px) { main { diff --git a/pages/login.html b/pages/login.html index 460c1349..09172446 100644 --- a/pages/login.html +++ b/pages/login.html @@ -35,9 +35,12 @@

id="email" name="email" placeholder="이메일을 입력해주세요" - class="login__input" + class="login__input error" required /> + id="password" name="password" placeholder="비밀번호를 입력해주세요" - class="login__input" + class="login__input error" required /> + - +