From 0a8c91426c91391de88c8c8bcdb6bfc57ebc111b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=8B=A0=EC=84=9C=EB=A6=AC=ED=8B=B0=EC=BD=94=EB=8D=94?= <85999976+jisung24@users.noreply.github.com> Date: Sun, 29 Oct 2023 18:05:27 +0900 Subject: [PATCH 01/13] =?UTF-8?q?feat:=20font=EC=84=B8=EB=B6=84=ED=99=94?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/styles/index.css | 165 +++++++++++++++++++++++++++++++++++++------ 1 file changed, 143 insertions(+), 22 deletions(-) diff --git a/src/styles/index.css b/src/styles/index.css index 5f392649..ab595fac 100644 --- a/src/styles/index.css +++ b/src/styles/index.css @@ -21,63 +21,184 @@ body { background-color: gray; } @layer components { - .headline-30 { + .headline-30-black-lg { font-family: 'nsk'; font-size: 30px; - font-weight: normal; + font-weight: 700; + line-height: 17px; + color: #000; + } + .headline-30-black-md { + font-family: 'nsk'; + font-size: 30px; + font-weight: 600; + line-height: 24px; + letter-spacing: -0.33px; + color: #000; + } + + .headline-30-500 { + font-family: 'nsk'; + font-size: 30px; + font-weight: 500; + line-height: 40px; + letter-spacing: -0.33px; } .headline-25 { font-family: 'nsk'; font-size: 25px; - font-weight: bold; + font-weight: 700; + line-height: 24px; + color: #000; } - .subHead-18 { + .headline-20-black { + font-family: 'nsk'; + font-size: 20px; + font-weight: 700; + line-height: 24px; + color: #000; + } + .subHead-18-black { font-family: 'nsk'; font-size: 18px; - font-weight: bold; + font-weight: 700; + line-height: 24px; + color: #000; } - .subHead-16 { + .subHead-16-black { font-family: 'nsk'; font-size: 16px; - font-weight: bold; + font-weight: 600; + line-height: 24px; + color: #000; } - .subHead-13 { + .subHead-16-blue { font-family: 'nsk'; - font-size: 13px; - font-weight: normal; + font-size: 16px; + font-weight: 700; + line-height: 24px; + color: #57a4ff; } - .body-18 { + .subHead-16-red { font-family: 'nsk'; - font-size: 18px; - font-weight: normal; + font-size: 16px; + font-weight: 700; + line-height: 24px; + color: #fc4c4e; + } + .subHead-13-black { + font-family: 'nsk'; + font-size: 17px; + font-weight: 500; + line-height: 24px; + color: #000; } - .body-16 { + .body-18-blue { font-family: 'nsk'; - font-size: 16px; - font-weight: normal; + font-size: 14px; + font-weight: 500; + line-height: 24px; + letter-spacing: -0.15px; + color: #57a4ff; } - .body-15 { + .body-18-black-lg { + font-family: 'nsk'; + font-size: 18px; + font-weight: 400; + line-height: 24px; + letter-spacing: -0.2px; + color: #000; + } + .body-18-black-sm { + font-family: 'nsk'; + font-size: 13px; + font-weight: 400; + line-height: 24px; + letter-spacing: -0.1px; + color: #000; + } + .body-18-gray { + font-family: 'nsk'; + font-size: 18px; + font-weight: 400; + line-height: 40px; + letter-spacing: -2px; + color: #808080; + } + .body-16-black { + font-family: 'nsk'; + font-size: 16px; + font-weight: 500; + line-height: 24px; + color: #000; + } + .body-15-black { font-family: 'nsk'; font-size: 15px; - font-weight: normal; + font-weight: 500; + line-height: 20px; + color: #000; + letter-spacing: -0.165px; + } + .body-15-gray { + font-family: 'nsk'; + font-size: 15px; + font-weight: 500; + line-height: 20px; + color: #808080; } - .body-14 { + .body-14-black { font-family: 'nsk'; font-size: 14px; - font-weight: normal; + font-weight: 500; + line-height: 24; + color: #000; } - .caption-13 { + .body-14-gray { + font-family: 'nsk'; + font-size: 16px; + font-weight: 500; + line-height: 24px; + color: #808080; + } + .caption-13-black { font-family: 'nsk'; font-size: 13px; - font-weight: normal; + font-weight: 400; + line-height: 17px; + color: #000; + } + + .caption-13-white { + font-family: 'nsk'; + font-size: 13px; + font-weight: 400; + line-height: 24px; + color: #fff; + } + .placeholder { + font-family: 'nsk'; + font-size: 18px; + font-weight: 400; + line-height: 24px; + letter-spacing: -0.2; + color: #808080; + } + + .button-white { + font-family: 'nsk'; + font-size: 16px; + font-weight: 700; + line-height: 24px; + color: #fff; } } From 7894969e19c1a17e140ba3d0b3e66a1aaa368ccf Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=8B=A0=EC=84=9C=EB=A6=AC=ED=8B=B0=EC=BD=94=EB=8D=94?= <85999976+jisung24@users.noreply.github.com> Date: Sun, 29 Oct 2023 22:07:44 +0900 Subject: [PATCH 02/13] =?UTF-8?q?feat:=20ScheduleBox=20=EC=8A=A4=ED=86=A0?= =?UTF-8?q?=EB=A6=AC=EB=B6=81=20=EC=84=A4=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../scheduleBox/ScheduleBox.stories.tsx | 125 ++++++++++++++++++ 1 file changed, 125 insertions(+) create mode 100644 src/components/common/scheduleBox/ScheduleBox.stories.tsx diff --git a/src/components/common/scheduleBox/ScheduleBox.stories.tsx b/src/components/common/scheduleBox/ScheduleBox.stories.tsx new file mode 100644 index 00000000..f95b07d5 --- /dev/null +++ b/src/components/common/scheduleBox/ScheduleBox.stories.tsx @@ -0,0 +1,125 @@ +import type { Meta, StoryObj } from '@storybook/react' +import Icon from '../icon/Icon' +import ScheduleBox from '@/components/common/scheduleBox/ScheduleBox' + +const meta: Meta = { + component: ScheduleBox, + tags: ['autodocs'], + title: 'components/ScheduleBox', + argTypes: { + scheduleType: { + control: 'select', + options: ['profile', 'toggle'] + }, + mainTitle: { + control: 'text' + }, + subElement: { + control: 'text' + }, + rightBottomElement: { + control: 'text' + }, + rightTopElement: { + control: 'text' + }, + isRegister: { + control: 'boolean' + } + } +} + +export default meta +type Story = StoryObj + +export const ProfileScheduleBox: Story = { + args: { + scheduleType: 'profile', + mainTitle: 'mainTitle', + subElement: ( + <> + +

{'오후 4시에 종료'}

+ + ), + rightTopElement: ( + <> + + + + ), + rightBottomElement: ( + <> + {/* 반복문 */} +
+ {'image'} +
+
+ {'image'} +
+ + ) + } +} + +export const RegisteredScheduleBox: Story = { + args: { + isRegister: true, + scheduleType: 'toggle', + mainTitle: '학원 이름', + subElement: ( + <> +
+

{'매주 월,화,수'}

+
+
{'tkghl'}
+ + ), + rightTopElement: ( + <> + + + + ), + rightBottomElement: ( + <> + {/* 반복문 */} +
{'btn'}
+ + ) + } +} + +export const NotRegisteredScheduleBox: Story = { + args: { + scheduleType: 'toggle', + mainTitle: '학원 이름', + subElement: ( + <> +
+

{'매주 월,화,수'}

+
+
{'tkghl'}
+ + ), + rightTopElement: ( + <> + + + + ), + rightBottomElement: ( + <> +
{'btn'}
+ + ) + } +} From c02547994dbf9b7a57b58a423c9a98cce512ef50 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=8B=A0=EC=84=9C=EB=A6=AC=ED=8B=B0=EC=BD=94=EB=8D=94?= <85999976+jisung24@users.noreply.github.com> Date: Sun, 29 Oct 2023 22:08:32 +0900 Subject: [PATCH 03/13] =?UTF-8?q?feat:=20ScheduleBox=20=EC=BB=B4=ED=8F=AC?= =?UTF-8?q?=EB=84=8C=ED=8A=B8=20=EC=83=9D=EC=84=B1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../common/scheduleBox/ScheduleBox.tsx | 62 +++++++++++++++++++ 1 file changed, 62 insertions(+) create mode 100644 src/components/common/scheduleBox/ScheduleBox.tsx diff --git a/src/components/common/scheduleBox/ScheduleBox.tsx b/src/components/common/scheduleBox/ScheduleBox.tsx new file mode 100644 index 00000000..e6322f19 --- /dev/null +++ b/src/components/common/scheduleBox/ScheduleBox.tsx @@ -0,0 +1,62 @@ +import type { ScheduleBoxProps } from './ScheduleBoxType' +const ScheduleBox = ({ + isRegister = false, + scheduleType, + mainTitle, + subElement, + rightBottomElement, + rightTopElement +}: ScheduleBoxProps) => { + return ( +
+
+
+
{mainTitle}
+
+ {rightTopElement} +
+
+
+
+ {subElement} +
+
+ {scheduleType === 'profile' ? ( + rightBottomElement + ) : ( +
+
+
+ )} +
+
+
+
+ ) +} + +export default ScheduleBox From a6c24dd25770933aa333ed755ef434255886f81b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=8B=A0=EC=84=9C=EB=A6=AC=ED=8B=B0=EC=BD=94=EB=8D=94?= <85999976+jisung24@users.noreply.github.com> Date: Sun, 29 Oct 2023 22:08:47 +0900 Subject: [PATCH 04/13] =?UTF-8?q?feat:=20ScheduleBox=20props=20type?= =?UTF-8?q?=EC=83=9D=EC=84=B1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/common/scheduleBox/ScheduleBoxType.ts | 11 +++++++++++ 1 file changed, 11 insertions(+) create mode 100644 src/components/common/scheduleBox/ScheduleBoxType.ts diff --git a/src/components/common/scheduleBox/ScheduleBoxType.ts b/src/components/common/scheduleBox/ScheduleBoxType.ts new file mode 100644 index 00000000..3b44cd7e --- /dev/null +++ b/src/components/common/scheduleBox/ScheduleBoxType.ts @@ -0,0 +1,11 @@ +import { ReactNode } from 'react' + +type ScheduleType = 'toggle' | 'profile' +export interface ScheduleBoxProps { + scheduleType: ScheduleType + mainTitle: string + subElement?: ReactNode // HTML태그를 넣을 수 있음! + rightBottomElement?: ReactNode // HTML태그를 넣을 수 있음! + rightTopElement?: ReactNode // HTML! + isRegister?: boolean +} From 0e89af09446dcf95756eb2ac45072dc7a71b0995 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=8B=A0=EC=84=9C=EB=A6=AC=ED=8B=B0=EC=BD=94=EB=8D=94?= <85999976+jisung24@users.noreply.github.com> Date: Sun, 29 Oct 2023 22:29:16 +0900 Subject: [PATCH 05/13] =?UTF-8?q?feat:=20rgba=EC=83=89=EC=83=81=20?= =?UTF-8?q?=EC=B6=94=EA=B0=80=20(bg-blue-r100)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- tailwind.config.js | 38 +++++++++++++++++++++++++++++++++----- 1 file changed, 33 insertions(+), 5 deletions(-) diff --git a/tailwind.config.js b/tailwind.config.js index 16697b62..7124997c 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -16,17 +16,32 @@ export default { 600: '#549EF5', 700: '#3373EC', 800: '#0253B3', - 900: '#0000FF' + 900: '#0000FF', + r100: 'rgba(165,196,232,1)', + r200: 'rgba(158,203,255,1)', + r300: 'rgba(147,196,255,1)', + r400: 'rgba(108,175,255,1)', + r500: 'rgba(87,164,255,1)', + r600: 'rgba(84,158,245,1)', + r700: 'rgba(51,115,236,1)', + r800: 'rgba(2,83,179,1)', + r900: 'rgba(0,0,255,1)' }, black: { 500: '#3D3D3D', 700: '#33363F', - 900: '#000000' + 900: '#000000', + r500: 'rgba(61,61,61,1)', + r700: 'rgba(51,54,63,1)', + r900: 'rgba(0,0,0,1)' }, white: { 0: '#FFF', 100: '#F2F3F5', - 200: '#F4F4F4' + 200: '#F4F4F4', + r0: 'rgba(255,255,255,1)', + r100: 'rgba(242,243,245,1)', + r200: 'rgba(244,244,244,1)' }, gray: { 100: '#D9D9D9', @@ -35,7 +50,14 @@ export default { 400: '#8F8F8F', 500: '#8C8C8C', 600: '#808080', - 700: '#515151' + 700: '#515151', + r100: 'rgba(217,217,217,1)', + r200: 'rgba(202,202,202,1)', + r300: 'rgba(178,185,193,1)', + r400: 'rgba(143,143,143,1)', + r500: 'rgba(140,140,140,1)', + r600: 'rgba(128,128,128,1)', + r700: 'rgba(81,81,81,1)' }, red: { 100: '#FFE1E1', @@ -43,7 +65,13 @@ export default { 300: '#FF9393', 400: '#FF5E5E', 500: '#FC4C4E', - 600: '#FF0000' + 600: '#FF0000', + r100: 'rgba(255,225,225,1)', + r200: 'rgba(244,206,208,1)', + r300: 'rgba(255,147,147,1)', + r400: 'rgba(255,94,94,1)', + r500: 'rgba(252,76,78,1)', + r600: 'rgba(255,0,0,1)' } }, extend: {} From 0f10f7396a24b50644a5b4d182ac8d0a75fb38cf Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=8B=A0=EC=84=9C=EB=A6=AC=ED=8B=B0=EC=BD=94=EB=8D=94?= <85999976+jisung24@users.noreply.github.com> Date: Sun, 29 Oct 2023 22:29:45 +0900 Subject: [PATCH 06/13] =?UTF-8?q?feat:=20font-weight=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/styles/index.css | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/src/styles/index.css b/src/styles/index.css index ab595fac..750f894e 100644 --- a/src/styles/index.css +++ b/src/styles/index.css @@ -159,7 +159,7 @@ body { font-family: 'nsk'; font-size: 14px; font-weight: 500; - line-height: 24; + line-height: 24px; color: #000; } @@ -178,6 +178,13 @@ body { color: #000; } + .caption-13-gray { + font-family: 'nsk'; + font-size: 13px; + font-weight: 400; + line-height: 17px; + color: rgba(0, 0, 0, 0.7); + } .caption-13-white { font-family: 'nsk'; font-size: 13px; From 87be68fc8263675051b7b49a50530645bd579a38 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=8B=A0=EC=84=9C=EB=A6=AC=ED=8B=B0=EC=BD=94=EB=8D=94?= <85999976+jisung24@users.noreply.github.com> Date: Mon, 30 Oct 2023 16:36:10 +0900 Subject: [PATCH 07/13] =?UTF-8?q?feat:=20rightTopElement=EA=B3=A0=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/common/scheduleBox/ScheduleBoxType.ts | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/src/components/common/scheduleBox/ScheduleBoxType.ts b/src/components/common/scheduleBox/ScheduleBoxType.ts index 3b44cd7e..af5eac06 100644 --- a/src/components/common/scheduleBox/ScheduleBoxType.ts +++ b/src/components/common/scheduleBox/ScheduleBoxType.ts @@ -4,8 +4,7 @@ type ScheduleType = 'toggle' | 'profile' export interface ScheduleBoxProps { scheduleType: ScheduleType mainTitle: string - subElement?: ReactNode // HTML태그를 넣을 수 있음! + subElement: ReactNode // HTML태그를 넣을 수 있음! rightBottomElement?: ReactNode // HTML태그를 넣을 수 있음! - rightTopElement?: ReactNode // HTML! isRegister?: boolean } From f58ea3796c9730ee142b89a21bdaf51f9272feb4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=8B=A0=EC=84=9C=EB=A6=AC=ED=8B=B0=EC=BD=94=EB=8D=94?= <85999976+jisung24@users.noreply.github.com> Date: Mon, 30 Oct 2023 16:36:29 +0900 Subject: [PATCH 08/13] =?UTF-8?q?feat:=20toggle=20cursor=EB=B3=80=EA=B2=BD?= =?UTF-8?q?=20&=20label=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=20=EC=A0=81?= =?UTF-8?q?=EC=9A=A9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/common/scheduleBox/ScheduleBox.tsx | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/src/components/common/scheduleBox/ScheduleBox.tsx b/src/components/common/scheduleBox/ScheduleBox.tsx index e6322f19..ee073442 100644 --- a/src/components/common/scheduleBox/ScheduleBox.tsx +++ b/src/components/common/scheduleBox/ScheduleBox.tsx @@ -1,11 +1,11 @@ import type { ScheduleBoxProps } from './ScheduleBoxType' +import Icon from '../icon/Icon' const ScheduleBox = ({ isRegister = false, scheduleType, mainTitle, subElement, - rightBottomElement, - rightTopElement + rightBottomElement }: ScheduleBoxProps) => { return (
{mainTitle}
- {rightTopElement} + +
@@ -41,7 +42,7 @@ const ScheduleBox = ({
Date: Mon, 30 Oct 2023 17:56:17 +0900 Subject: [PATCH 09/13] =?UTF-8?q?feat:=20Profile=20=EC=BB=B4=ED=8F=AC?= =?UTF-8?q?=EB=84=8C=ED=8A=B8=20=EC=82=AC=EC=9D=B4=EC=A6=88=20=EC=B6=94?= =?UTF-8?q?=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/common/profile/constants.ts | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/components/common/profile/constants.ts b/src/components/common/profile/constants.ts index cfabe6a6..1c1b826e 100644 --- a/src/components/common/profile/constants.ts +++ b/src/components/common/profile/constants.ts @@ -1,7 +1,8 @@ export const PROFILE_SIZE = { - L: 'w-[150px] h-[150px]', - M: 'w-[92px] h-[92px]', - S: 'w-[70px] h-[70px]' + XL: 'w-[150px] h-[150px]', + L: 'w-[92px] h-[92px]', + M: 'w-[70px] h-[70px]', + S: 'w-[28px] h-[28px]' } export const PROFILE_BORDER_COLOR = { black500: 'border-black-500' From fe72e28da0836a18e8ae0e46327f67dcfb6232e4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=8B=A0=EC=84=9C=EB=A6=AC=ED=8B=B0=EC=BD=94=EB=8D=94?= <85999976+jisung24@users.noreply.github.com> Date: Mon, 30 Oct 2023 17:56:38 +0900 Subject: [PATCH 10/13] =?UTF-8?q?feat:=20=ED=94=84=EB=A1=9C=ED=95=84=20x?= =?UTF-8?q?=EC=B6=95=20=EB=A7=88=EC=A7=84=201px=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/common/profile/Profile.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/common/profile/Profile.tsx b/src/components/common/profile/Profile.tsx index aad79b9b..aa781a4a 100644 --- a/src/components/common/profile/Profile.tsx +++ b/src/components/common/profile/Profile.tsx @@ -18,7 +18,7 @@ const Profile = ({ : imageSize === 'L' ? PROFILE_SIZE['L'] : '' - }`} + } mx-[1px]`} > Date: Mon, 30 Oct 2023 17:56:50 +0900 Subject: [PATCH 11/13] =?UTF-8?q?feat:=20schedulebox=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/common/scheduleBox/ScheduleBox.tsx | 13 ++++++++++--- 1 file changed, 10 insertions(+), 3 deletions(-) diff --git a/src/components/common/scheduleBox/ScheduleBox.tsx b/src/components/common/scheduleBox/ScheduleBox.tsx index ee073442..7d097575 100644 --- a/src/components/common/scheduleBox/ScheduleBox.tsx +++ b/src/components/common/scheduleBox/ScheduleBox.tsx @@ -1,11 +1,11 @@ import type { ScheduleBoxProps } from './ScheduleBoxType' import Icon from '../icon/Icon' +import Profile from '../profile/Profile' const ScheduleBox = ({ isRegister = false, scheduleType, mainTitle, - subElement, - rightBottomElement + subElement }: ScheduleBoxProps) => { return (
{scheduleType === 'profile' ? ( - rightBottomElement + <> + {/* + ❗️TODO: 자식의 수 만큼 Profile컴포넌트 반복문 해주시면 됩니당 + */} + + + + ) : (
Date: Mon, 30 Oct 2023 17:58:01 +0900 Subject: [PATCH 12/13] =?UTF-8?q?feat:=20SchedueBox=EC=97=90=EC=84=9C=20?= =?UTF-8?q?=ED=94=84=EB=A1=9C=ED=95=84=20=EB=B0=98=EB=B3=B5=EB=AC=B8=20?= =?UTF-8?q?=EB=8F=8C=EB=A6=AC=EA=B8=B0=20=EC=9C=84=ED=95=9C=20=EC=9E=90?= =?UTF-8?q?=EC=8B=9D=20=EC=88=98=EB=A5=BC=20props=EB=A1=9C=20=EB=B0=9B?= =?UTF-8?q?=EC=9D=8C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/common/scheduleBox/ScheduleBoxType.ts | 1 + 1 file changed, 1 insertion(+) diff --git a/src/components/common/scheduleBox/ScheduleBoxType.ts b/src/components/common/scheduleBox/ScheduleBoxType.ts index af5eac06..21ff2ea5 100644 --- a/src/components/common/scheduleBox/ScheduleBoxType.ts +++ b/src/components/common/scheduleBox/ScheduleBoxType.ts @@ -7,4 +7,5 @@ export interface ScheduleBoxProps { subElement: ReactNode // HTML태그를 넣을 수 있음! rightBottomElement?: ReactNode // HTML태그를 넣을 수 있음! isRegister?: boolean + cntOfChild?: number } From 922e0ed5633895095f1fbfdc7470650e927bb0ec Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=8B=A0=EC=84=9C=EB=A6=AC=ED=8B=B0=EC=BD=94=EB=8D=94?= <85999976+jisung24@users.noreply.github.com> Date: Tue, 31 Oct 2023 15:07:19 +0900 Subject: [PATCH 13/13] =?UTF-8?q?feat:=20box-shadow=EC=A0=81=EC=9A=A9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/common/scheduleBox/ScheduleBox.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/common/scheduleBox/ScheduleBox.tsx b/src/components/common/scheduleBox/ScheduleBox.tsx index 7d097575..17540219 100644 --- a/src/components/common/scheduleBox/ScheduleBox.tsx +++ b/src/components/common/scheduleBox/ScheduleBox.tsx @@ -17,7 +17,7 @@ const ScheduleBox = ({ ? 'w-[345px] h-[142px] bg-white-0' : 'w-[345px] h-[142px] bg-gray-200' : '' - } border border-black-900 pt-[16px] pb-[6px] px-[24px] rounded-[20px] font-nsk`} + } shadow-md pt-[16px] pb-[6px] px-[24px] rounded-[20px] font-nsk`} >