From 1db961c2bfa7c3c59dd0b1d2bd16eedaa2543474 Mon Sep 17 00:00:00 2001 From: Son Ahyun Date: Wed, 8 Oct 2025 16:25:32 +0900 Subject: [PATCH 1/4] =?UTF-8?q?=E2=9C=A8=20(#337)=20=EB=A1=9C=EA=B3=A0=20?= =?UTF-8?q?=EC=9D=B4=EB=AF=B8=EC=A7=80=EB=A1=9C=20=EB=B3=80=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../login/_components/LeftSection.tsx | 8 +++++++- .../app/(non-login)/login/page.module.scss | 17 +++++++++++++---- frontend/constants/images.ts | 2 ++ frontend/public/images/logo4.png | Bin 0 -> 9545 bytes 4 files changed, 22 insertions(+), 5 deletions(-) create mode 100644 frontend/public/images/logo4.png diff --git a/frontend/app/(non-login)/login/_components/LeftSection.tsx b/frontend/app/(non-login)/login/_components/LeftSection.tsx index 00c99fba..c46778fd 100644 --- a/frontend/app/(non-login)/login/_components/LeftSection.tsx +++ b/frontend/app/(non-login)/login/_components/LeftSection.tsx @@ -8,7 +8,13 @@ export default function LeftSection() { return (
-

CLASSLOG,

+ ClassLog Logo

당신의 강의를 더 스마트하게

수업 녹음, 실시간 소통, AI 기반 퀴즈 생성을 통해

diff --git a/frontend/app/(non-login)/login/page.module.scss b/frontend/app/(non-login)/login/page.module.scss index a5a1b888..ab5dbf3e 100644 --- a/frontend/app/(non-login)/login/page.module.scss +++ b/frontend/app/(non-login)/login/page.module.scss @@ -24,10 +24,19 @@ margin: $spacing-3xl 0px; } - h1 { - font-size: clamp(60px, 7.5vw, 100px); - font-weight: bold; - font-family: $font-logo; + .logo { + width: clamp(400px, 7.5vw, 300px); + height: auto; + object-fit: contain; + transition: $transition-default; + + @include respond-to(lg) { + width: clamp(300px, 7.5vw, 200px); + } + + @include respond-to(md) { + width: clamp(200px, 7.5vw, 100px); + } } h2 { diff --git a/frontend/constants/images.ts b/frontend/constants/images.ts index dba5e556..d34cf7db 100644 --- a/frontend/constants/images.ts +++ b/frontend/constants/images.ts @@ -2,6 +2,7 @@ import logo1 from "@/public/images/logo1.png"; import logo2 from "@/public/images/logo2.png"; import logo3 from "@/public/images/logo3.png"; +import logo4 from "@/public/images/logo4.png"; import introImage from "@/public/images/intro_image.png"; import qrCode from "@/public/images/QRcode.png"; import kakaoLogo from "@/public/images/kakao_logo.png"; @@ -25,6 +26,7 @@ export const IMAGES = { logo1, logo2, logo3, + logo4, introImage, qrCode, kakaoLogo, diff --git a/frontend/public/images/logo4.png b/frontend/public/images/logo4.png new file mode 100644 index 0000000000000000000000000000000000000000..9a6e09539cb7c79962905005d49a3e80ee8b8886 GIT binary patch literal 9545 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

)_Z0i8pLLjELDR?`j-L~3ZU))H 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 literal 0 HcmV?d00001 From b6f1f0c5d030f6d130c23f8913bae680a16da140 Mon Sep 17 00:00:00 2001 From: Son Ahyun Date: Wed, 8 Oct 2025 16:35:40 +0900 Subject: [PATCH 2/4] =?UTF-8?q?=F0=9F=92=84=20(#337)=20=EC=9D=B4=EB=A9=94?= =?UTF-8?q?=EC=9D=BC=EC=9B=8C=ED=8D=BC=20=EC=88=98=EC=A7=81=EC=A0=95?= =?UTF-8?q?=EB=A0=AC=20=EB=A7=9E=EC=B6=94=EA=B8=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- frontend/app/(non-login)/signup/page.module.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/frontend/app/(non-login)/signup/page.module.scss b/frontend/app/(non-login)/signup/page.module.scss index d52c43e6..3d4ad382 100644 --- a/frontend/app/(non-login)/signup/page.module.scss +++ b/frontend/app/(non-login)/signup/page.module.scss @@ -57,7 +57,7 @@ display: flex; flex-direction: row; gap: $spacing-md; - align-items: first baseline; + align-items: center; & > :first-child { flex: 3; } From b1c87fa78a50ba6d9af9dcd45bf880be0f7915be Mon Sep 17 00:00:00 2001 From: Son Ahyun Date: Wed, 8 Oct 2025 16:36:17 +0900 Subject: [PATCH 3/4] =?UTF-8?q?=E2=9C=A8=20(#337)=20overflow=EC=8B=9C=20hi?= =?UTF-8?q?dden?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- frontend/components/Input/BasicInput/BasicInput.module.scss | 3 +++ 1 file changed, 3 insertions(+) diff --git a/frontend/components/Input/BasicInput/BasicInput.module.scss b/frontend/components/Input/BasicInput/BasicInput.module.scss index d4368c17..463ed69a 100644 --- a/frontend/components/Input/BasicInput/BasicInput.module.scss +++ b/frontend/components/Input/BasicInput/BasicInput.module.scss @@ -1,5 +1,8 @@ .wrapper { width: 100%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } .label { From 03cecb9ad7a447b7f9442582da3525be104959b6 Mon Sep 17 00:00:00 2001 From: Son Ahyun Date: Wed, 8 Oct 2025 16:40:19 +0900 Subject: [PATCH 4/4] =?UTF-8?q?=F0=9F=92=84=20(#337)=20=EB=B0=98=EC=9D=91?= =?UTF-8?q?=ED=98=95=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- frontend/app/(non-login)/signup/page.module.scss | 3 +++ 1 file changed, 3 insertions(+) diff --git a/frontend/app/(non-login)/signup/page.module.scss b/frontend/app/(non-login)/signup/page.module.scss index 3d4ad382..17b4060f 100644 --- a/frontend/app/(non-login)/signup/page.module.scss +++ b/frontend/app/(non-login)/signup/page.module.scss @@ -23,6 +23,9 @@ display: flex; gap: $spacing-md; width: 100%; + @media (max-width: 300px) { + flex-direction: column; + } } .teacherButton,