From b08b6f05ecdf42891a57a6fa905a92794427194b Mon Sep 17 00:00:00 2001 From: youjin-hub Date: Sat, 3 May 2025 16:44:09 +0900 Subject: [PATCH 01/13] =?UTF-8?q?chore(font):=20font-display=20=EC=86=8D?= =?UTF-8?q?=EC=84=B1=20=EC=B6=94=EA=B0=80=20=EB=B0=8F=20=ED=8F=B4=EB=B0=B1?= =?UTF-8?q?=20=ED=8F=B0=ED=8A=B8=20=EC=84=A4=EC=A0=95=20=EA=B0=9C=EC=84=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/common.css | 1 + css/reset.css | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/css/common.css b/css/common.css index db7dd1a5..652c867a 100644 --- a/css/common.css +++ b/css/common.css @@ -3,6 +3,7 @@ src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'); font-weight: 400; font-style: normal; + font-display: swap; } /* Font size + line-height */ diff --git a/css/reset.css b/css/reset.css index f5d918b2..6e780e55 100644 --- a/css/reset.css +++ b/css/reset.css @@ -8,7 +8,7 @@ html, body { - font-family: 'Pretendard-Regular', sans-serif; + font-family: 'Pretendard-Regular', system-ui, sans-serif; } button { From 0639f06e787db69bcd674b3fb6d9c731facdd684 Mon Sep 17 00:00:00 2001 From: youjin-hub Date: Sat, 3 May 2025 16:50:03 +0900 Subject: [PATCH 02/13] =?UTF-8?q?refactor(style):=20flex-center=20?= =?UTF-8?q?=ED=81=B4=EB=9E=98=EC=8A=A4=20common.css=EB=A1=9C=20=EC=9D=B4?= =?UTF-8?q?=EB=8F=99=20=EB=B0=8F=20=EB=A1=9C=EA=B7=B8=EC=9D=B8/=ED=9A=8C?= =?UTF-8?q?=EC=9B=90=EA=B0=80=EC=9E=85=20=ED=8E=98=EC=9D=B4=EC=A7=80=20?= =?UTF-8?q?=EC=A0=81=EC=9A=A9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/common.css | 6 ++++++ css/login-signup.css | 22 +++++++--------------- css/style.css | 6 ------ pages/login.html | 12 +++--------- pages/signup.html | 12 +++--------- 5 files changed, 19 insertions(+), 39 deletions(-) diff --git a/css/common.css b/css/common.css index 652c867a..6616148e 100644 --- a/css/common.css +++ b/css/common.css @@ -10,3 +10,9 @@ html { font-size: 62.5%; } + +.flex-center { + display: flex; + justify-content: center; + align-items: center; +} diff --git a/css/login-signup.css b/css/login-signup.css index 321f5d35..2344006f 100644 --- a/css/login-signup.css +++ b/css/login-signup.css @@ -2,15 +2,15 @@ /* form label (이메일 / 비밀번호) */ form label { display: block; - font-size: var(--text-lg); - font-weight: var(--font-bold); + font-size: var(--text-lg); + font-weight: var(--font-bold); margin-bottom: var(--space-xs); } /* form input 텍스트 */ .content input { - font-size: var(--text-base); - font-weight: var(--font-normal); + font-size: var(--text-base); + font-weight: var(--font-normal); color: var(--secondary-color-gray700); } @@ -22,8 +22,8 @@ form label { /* 제출 버튼 */ .btn-submit { - font-size: var(--text-xl); - font-weight: var(--font-semibold); + font-size: var(--text-xl); + font-weight: var(--font-semibold); width: 100%; height: 56px; border-radius: 40px; @@ -34,7 +34,7 @@ form label { /* 간편 로그인 타이틀 */ .sns-login p { font-size: var(--text-base); - font-weight: var(--font-medium); + font-weight: var(--font-medium); color: var(--secondary-color-gray700); } @@ -56,8 +56,6 @@ form label { text-decoration: underline; } - - input:focus { outline-color: var(--primary-color-100); } @@ -67,9 +65,6 @@ input:focus { width: 100%; margin: 120px auto; padding: 0 20px; - display: flex; - justify-content: center; - align-items: center; flex-direction: column; gap: 24px; } @@ -118,9 +113,6 @@ form { } .sns-login-link { - display: flex; - justify-content: center; - align-items: center; gap: 16px; } diff --git a/css/style.css b/css/style.css index 30f9f830..84cd47b1 100644 --- a/css/style.css +++ b/css/style.css @@ -1,9 +1,3 @@ -.flex-center { - display: flex; - justify-content: center; - align-items: center; -} - /* btn */ .btn { display: inline-block; diff --git a/pages/login.html b/pages/login.html index 38a40e2b..13e7ff15 100644 --- a/pages/login.html +++ b/pages/login.html @@ -18,7 +18,7 @@ -
+

로고 이미지 @@ -26,13 +26,7 @@

- +
@@ -55,7 +49,7 @@