From 1256749d6417c68310a5ed6bcacb43e056930ec2 Mon Sep 17 00:00:00 2001 From: deun Date: Thu, 28 Nov 2024 13:28:48 +0900 Subject: [PATCH 1/2] =?UTF-8?q?design:=20=ED=9A=8C=EC=9B=90=EA=B0=80?= =?UTF-8?q?=EC=9E=85=20=EC=84=A0=ED=83=9D=20=ED=8E=98=EC=9D=B4=EC=A7=80?= =?UTF-8?q?=EC=97=90=20=EC=9D=BC=EB=9F=AC=EC=8A=A4=ED=8A=B8=20=EC=B6=94?= =?UTF-8?q?=EA=B0=80=20(#141)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../signup/_ui/user-type-card/index.tsx | 6 ++ .../_ui/user-type-card/styles.module.scss | 10 +++ .../signup/user-type/page.module.scss | 2 +- public/images/index.ts | 2 + public/images/investor.svg | 59 ++++++++++++++++ public/images/trader.svg | 68 +++++++++++++++++++ 6 files changed, 146 insertions(+), 1 deletion(-) create mode 100644 public/images/investor.svg create mode 100644 public/images/trader.svg diff --git a/app/(landing)/signup/_ui/user-type-card/index.tsx b/app/(landing)/signup/_ui/user-type-card/index.tsx index aa3f6a71..7e62e318 100644 --- a/app/(landing)/signup/_ui/user-type-card/index.tsx +++ b/app/(landing)/signup/_ui/user-type-card/index.tsx @@ -7,6 +7,7 @@ import { setIsAgreedTermsCookie, setUserTypeCookie, } from '@/app/(landing)/signup/_lib/cookies' +import { InvestorImg, TraderImg } from '@/public/images' import classNames from 'classnames/bind' import { PATH } from '@/shared/constants/path' @@ -43,6 +44,11 @@ const UserTypeCard = ({ userType, title, highlight }: Props) => { 인베스트메틱을 통해
{highlight}해보세요!

+ {userType === 'TRADER' ? ( + + ) : ( + + )} ) } diff --git a/app/(landing)/signup/_ui/user-type-card/styles.module.scss b/app/(landing)/signup/_ui/user-type-card/styles.module.scss index 76321cb9..d4bbf0a1 100644 --- a/app/(landing)/signup/_ui/user-type-card/styles.module.scss +++ b/app/(landing)/signup/_ui/user-type-card/styles.module.scss @@ -1,6 +1,9 @@ .card { + display: flex; + flex-direction: column; width: 100%; padding: 43px 44px 53px; + margin-bottom: 140px; text-align: left; background-color: $color-white; border: 2px solid $color-white; @@ -9,6 +12,13 @@ &:hover { border: 2px solid $color-orange-400; } + + .image { + width: 234px; + height: 210px; + margin-top: 32px; + align-self: flex-end; + } } .title { diff --git a/app/(landing)/signup/user-type/page.module.scss b/app/(landing)/signup/user-type/page.module.scss index 986a3f5b..4f5a27d3 100644 --- a/app/(landing)/signup/user-type/page.module.scss +++ b/app/(landing)/signup/user-type/page.module.scss @@ -3,5 +3,5 @@ gap: 32px; width: 100%; max-width: 952px; - margin: 120px auto 0; + margin: 100px auto 0; } diff --git a/public/images/index.ts b/public/images/index.ts index 40862b03..e55d8e3d 100644 --- a/public/images/index.ts +++ b/public/images/index.ts @@ -1,3 +1,5 @@ export { default as ImageLogo } from './logo.svg' export { default as TextLogo } from './text-logo.svg' export { default as PageNotFoundImg } from './page-not-found-img.svg' +export { default as TraderImg } from './trader.svg' +export { default as InvestorImg } from './investor.svg' diff --git a/public/images/investor.svg b/public/images/investor.svg new file mode 100644 index 00000000..8bec66c3 --- /dev/null +++ b/public/images/investor.svg @@ -0,0 +1,59 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/images/trader.svg b/public/images/trader.svg new file mode 100644 index 00000000..d1afcd3c --- /dev/null +++ b/public/images/trader.svg @@ -0,0 +1,68 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + From 77da69cb5b2957a1732977dd9f021efbf47b2dbb Mon Sep 17 00:00:00 2001 From: deun Date: Thu, 28 Nov 2024 13:31:03 +0900 Subject: [PATCH 2/2] =?UTF-8?q?design:=20border-radius=20=EC=B6=94?= =?UTF-8?q?=EA=B0=80=20(#141)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app/(landing)/signup/_ui/user-type-card/styles.module.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/app/(landing)/signup/_ui/user-type-card/styles.module.scss b/app/(landing)/signup/_ui/user-type-card/styles.module.scss index d4bbf0a1..7a392e7f 100644 --- a/app/(landing)/signup/_ui/user-type-card/styles.module.scss +++ b/app/(landing)/signup/_ui/user-type-card/styles.module.scss @@ -7,6 +7,7 @@ text-align: left; background-color: $color-white; border: 2px solid $color-white; + border-radius: 8px; transition: 0.2s ease-in-out; &:hover {