From f05885828d52493d8eefdd11f2cd30444fee7bda Mon Sep 17 00:00:00 2001 From: SeieunYoo Date: Thu, 29 Aug 2024 06:09:17 +0900 Subject: [PATCH 01/11] =?UTF-8?q?fix:=20=EB=94=94=EC=9E=90=EC=9D=B8=20?= =?UTF-8?q?=EC=88=98=EC=A0=95=EC=82=AC=ED=95=AD=20=EB=B0=98=EC=98=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../@modal/(.)study-application/[studyId]/page.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/apps/client/app/(afterLogin)/study-apply/@modal/(.)study-application/[studyId]/page.tsx b/apps/client/app/(afterLogin)/study-apply/@modal/(.)study-application/[studyId]/page.tsx index 7a8a949c..2efa8ecd 100644 --- a/apps/client/app/(afterLogin)/study-apply/@modal/(.)study-application/[studyId]/page.tsx +++ b/apps/client/app/(afterLogin)/study-apply/@modal/(.)study-application/[studyId]/page.tsx @@ -5,7 +5,7 @@ import { Flex } from "@styled-system/jsx"; import { Modal, Space, Text } from "@wow-class/ui"; import { studyApplyApi } from "apis/studyApplyApi"; import { tags } from "constants/tags"; -import { useEffect, useState } from "react"; +import { useEffect, useLayoutEffect, useState } from "react"; import { revalidateTagByName } from "utils/revalidateTagByName"; import Button from "wowds-ui/Button"; @@ -15,7 +15,7 @@ const StudyApplication = ({ params }: { params: { studyId: number } }) => { const [applySuccess, setApplySuccess] = useState(false); const [studyTitle, setStudyTitle] = useState(""); - useEffect(() => { + useLayoutEffect(() => { const fetchStudyData = async () => { const data = await studyApplyApi.getStudyList(); if (!data) return; From b0578527b8a6457637dae95242baa647dd035cd1 Mon Sep 17 00:00:00 2001 From: SeieunYoo Date: Thu, 29 Aug 2024 07:11:11 +0900 Subject: [PATCH 02/11] =?UTF-8?q?fix:=20=EB=94=94=EC=9E=90=EC=9D=B8=20qa?= =?UTF-8?q?=20=EB=B0=98=EC=98=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../study-apply/_components/StudyItem.tsx | 40 +++++++++++++++---- apps/client/types/dtos/applyStudy.ts | 4 +- 2 files changed, 34 insertions(+), 10 deletions(-) diff --git a/apps/client/app/(afterLogin)/study-apply/_components/StudyItem.tsx b/apps/client/app/(afterLogin)/study-apply/_components/StudyItem.tsx index dcd560a0..5de8a166 100644 --- a/apps/client/app/(afterLogin)/study-apply/_components/StudyItem.tsx +++ b/apps/client/app/(afterLogin)/study-apply/_components/StudyItem.tsx @@ -49,19 +49,27 @@ const StudyItem = ({ study, appliedStudyId }: StudyItemProps) => { const isCancelable = appliedStudyId === studyId; const isNotApplicable = !isApplicable && !isCancelable; return ( - +
- {title} + + {title} + {studyType} - - - {`(${introduction})`} - - + {introduction && ( + + + {`(${introduction})`} + + + )} {mentorName} { {totalWeek}주 코스 - + {`${openingDate.month}.${openingDate.day} 개강`} {isCancelable && ( @@ -106,6 +114,21 @@ const StudyItem = ({ study, appliedStudyId }: StudyItemProps) => { ); }; +const tableStyle = css({ + justifyContent: "unset", +}); + +const titleStyle = css({ + textOverflow: "ellipsis", + overflow: "hidden", + maxWidth: "210px", + whiteSpace: "nowrap", +}); + +const dateStyle = css({ + width: "118px", +}); + const textCellStyle = css({ paddingX: "28px", }); @@ -118,6 +141,7 @@ const introductionLinkTextStyle = css({ whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis", + textDecoration: "underline", }); const sessionColors: Record["color"]> = { diff --git a/apps/client/types/dtos/applyStudy.ts b/apps/client/types/dtos/applyStudy.ts index cbf8f85e..ec01cda5 100644 --- a/apps/client/types/dtos/applyStudy.ts +++ b/apps/client/types/dtos/applyStudy.ts @@ -5,8 +5,8 @@ export interface StudyList { studyId: number; title: string; studyType: StudyType; - notionLink: string; - introduction: string; + notionLink?: string; + introduction?: string; mentorName: string; dayOfWeek: DayOfWeekType; startTime: Time | null; From ac841c2f80b4c958ac4741ee9f4b44a3238b0e36 Mon Sep 17 00:00:00 2001 From: SeieunYoo Date: Thu, 29 Aug 2024 07:13:43 +0900 Subject: [PATCH 03/11] =?UTF-8?q?fix:=20=EB=A0=88=EC=9D=B4=EC=95=84?= =?UTF-8?q?=EC=9B=83=20=EC=8B=9C=ED=94=84=ED=8A=B8=20=EB=B0=A9=EC=A7=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../@modal/(.)study-application/[studyId]/page.tsx | 10 ++++++++-- .../@modal/(.)study-cancellation/[studyId]/page.tsx | 6 ++++++ 2 files changed, 14 insertions(+), 2 deletions(-) diff --git a/apps/client/app/(afterLogin)/study-apply/@modal/(.)study-application/[studyId]/page.tsx b/apps/client/app/(afterLogin)/study-apply/@modal/(.)study-application/[studyId]/page.tsx index 2efa8ecd..00e3e732 100644 --- a/apps/client/app/(afterLogin)/study-apply/@modal/(.)study-application/[studyId]/page.tsx +++ b/apps/client/app/(afterLogin)/study-apply/@modal/(.)study-application/[studyId]/page.tsx @@ -5,7 +5,7 @@ import { Flex } from "@styled-system/jsx"; import { Modal, Space, Text } from "@wow-class/ui"; import { studyApplyApi } from "apis/studyApplyApi"; import { tags } from "constants/tags"; -import { useEffect, useLayoutEffect, useState } from "react"; +import { useEffect, useState } from "react"; import { revalidateTagByName } from "utils/revalidateTagByName"; import Button from "wowds-ui/Button"; @@ -13,9 +13,10 @@ const StudyApplication = ({ params }: { params: { studyId: number } }) => { const studyId = params.studyId; const [applySuccess, setApplySuccess] = useState(false); + const [isLoading, setIsLoading] = useState(true); const [studyTitle, setStudyTitle] = useState(""); - useLayoutEffect(() => { + useEffect(() => { const fetchStudyData = async () => { const data = await studyApplyApi.getStudyList(); if (!data) return; @@ -27,6 +28,7 @@ const StudyApplication = ({ params }: { params: { studyId: number } }) => { if (selectedStudy) { setStudyTitle(selectedStudy.title); } + setIsLoading(false); }; fetchStudyData(); @@ -41,6 +43,10 @@ const StudyApplication = ({ params }: { params: { studyId: number } }) => { } }; + if (isLoading) { + return null; + } + return ( diff --git a/apps/client/app/(afterLogin)/study-apply/@modal/(.)study-cancellation/[studyId]/page.tsx b/apps/client/app/(afterLogin)/study-apply/@modal/(.)study-cancellation/[studyId]/page.tsx index 9ce3087c..52d286b0 100644 --- a/apps/client/app/(afterLogin)/study-apply/@modal/(.)study-cancellation/[studyId]/page.tsx +++ b/apps/client/app/(afterLogin)/study-apply/@modal/(.)study-cancellation/[studyId]/page.tsx @@ -12,6 +12,7 @@ import Button from "wowds-ui/Button"; const StudyCancel = ({ params }: { params: { studyId: number } }) => { const studyId = params.studyId; const [cancelSucces, setCancelSuccess] = useState(false); + const [isLoading, setIsLoading] = useState(true); const [studyTitle, setStudyTitle] = useState(""); useEffect(() => { @@ -26,6 +27,7 @@ const StudyCancel = ({ params }: { params: { studyId: number } }) => { if (selectedStudy) { setStudyTitle(selectedStudy.title); } + setIsLoading(false); }; fetchStudyData(); @@ -41,6 +43,10 @@ const StudyCancel = ({ params }: { params: { studyId: number } }) => { } }; + if (isLoading) { + return null; + } + return ( From 699aec71f0eacb302144fb1a8dbb8da56a02fc26 Mon Sep 17 00:00:00 2001 From: SeieunYoo Date: Thu, 29 Aug 2024 07:21:54 +0900 Subject: [PATCH 04/11] =?UTF-8?q?chore:=20style.css=20=EB=B0=98=EC=98=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/ui/src/styles.css | 845 ++++++++++++++++++++++++++++++++++++- 1 file changed, 844 insertions(+), 1 deletion(-) diff --git a/packages/ui/src/styles.css b/packages/ui/src/styles.css index 9ddd2002..a5fcf9c9 100644 --- a/packages/ui/src/styles.css +++ b/packages/ui/src/styles.css @@ -1 +1,844 @@ -:host,html{--font-fallback:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent;line-height:1.5;font-family:var(--global-font-body,var(--font-fallback))}*,::backdrop,::file-selector-button,:after,:before{margin:0px;padding:0px;box-sizing:border-box;border-width:0px;border-style:solid;border-color:var(--global-color-border,currentColor)}hr{height:0px;color:inherit;border-top-width:1px}body{height:100%;line-height:inherit}img{border-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{text-wrap:balance;font-size:inherit;font-weight:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}menu,ol,ul{list-style:none}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){appearance:button;-webkit-appearance:button}::file-selector-button,button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;background:transparent}::placeholder{opacity:1;--placeholder-fallback:color-mix(in srgb,currentColor 50%,transparent);color:var(--global-color-placeholder,var(--placeholder-fallback))}textarea{resize:vertical}table{text-indent:0px;border-collapse:collapse;border-color:inherit}summary{display:list-item}small{font-size:80%}sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}sub{bottom:-0.25em}sup{top:-0.5em}dialog{padding:0px}a{color:inherit;text-decoration:inherit}abbr:where([title]){text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{--font-mono-fallback:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New';font-feature-settings:normal;font-variation-settings:normal;font-family:var(--global-font-mono,var(--font-mono-fallback));font-size:1em}progress{vertical-align:baseline}::-webkit-search-cancel-button,::-webkit-search-decoration{-webkit-appearance:none}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}:-moz-ui-invalid{box-shadow:none}:-moz-focusring{outline:auto}[hidden]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){display:none!important}:where(:root,:host):not(#\#):not(#\#){--colors-red-50:#FDECEB;--colors-red-100:#FBD9D7;--colors-red-150:#F9C7C2;--colors-red-200:#F7B4AE;--colors-red-300:#F28E86;--colors-red-400:#EE695D;--colors-red-500:#EA4335;--colors-red-600:#BB362A;--colors-red-700:#8C2820;--colors-red-800:#5E1B15;--colors-red-850:#461410;--colors-red-900:#2F0D0B;--colors-red-950:#170705;--colors-blue-50:#EBF4FE;--colors-blue-100:#D7E9FD;--colors-blue-150:#C3DDFD;--colors-blue-200:#AFD2FC;--colors-blue-300:#86BCFA;--colors-blue-400:#5EA5F9;--colors-blue-500:#368FF7;--colors-blue-600:#2B72C6;--colors-blue-700:#205694;--colors-blue-800:#163963;--colors-blue-850:#102B4A;--colors-blue-900:#0B1D31;--colors-blue-950:#050E19;--colors-yellow-50:#FEF7E6;--colors-yellow-100:#FEEECC;--colors-yellow-150:#FDE6B3;--colors-yellow-200:#FDDD99;--colors-yellow-300:#FBCD66;--colors-yellow-400:#FABC33;--colors-yellow-500:#F9AB00;--colors-yellow-600:#C78900;--colors-yellow-700:#956700;--colors-yellow-800:#644400;--colors-yellow-850:#4B3300;--colors-yellow-900:#322200;--colors-yellow-950:#191100;--colors-green-50:#EBF6EE;--colors-green-100:#D6EEDD;--colors-green-150:#C2E5CB;--colors-green-200:#AEDCBA;--colors-green-300:#85CB98;--colors-green-400:#5DB975;--colors-green-500:#34A853;--colors-green-600:#2A8642;--colors-green-700:#1F6532;--colors-green-800:#154321;--colors-green-850:#103219;--colors-green-900:#0A2211;--colors-green-950:#051108;--colors-mono-50:#F7F7F7;--colors-mono-100:#F0F0F0;--colors-mono-150:#E8E8E8;--colors-mono-200:#E1E1E1;--colors-mono-300:#D1D1D1;--colors-mono-400:#C2C2C2;--colors-mono-500:#B3B3B3;--colors-mono-600:#8F8F8F;--colors-mono-700:#6B6B6B;--colors-mono-800:#484848;--colors-mono-900:#242424;--colors-mono-950:#121212;--colors-white:#FFFFFF;--colors-black:#000000;--spacing-xl:1.5rem;--radii-md:0.5rem;--border-widths-button:1px;--shadows-mono:0px 4px 8px 0px rgba(0,0,0,0.2);--colors-primary:#368FF7;--colors-success:#2A8642;--colors-error:#BB362A;--colors-background-normal:#FFFFFF;--colors-background-alternative:#F7F7F7;--colors-background-dimmer:rgba(0,0,0,0.8);--colors-sub:#6B6B6B;--colors-outline:#C2C2C2;--colors-text-black:#121212;--colors-text-white:#FFFFFF;--colors-dark-disabled:#C2C2C2;--colors-light-disabled:#E1E1E1;--colors-blue-hover:#2B72C6;--colors-mono-hover:#121212;--colors-elevated-hover:rgba(16,43,74,0.2);--colors-blue-pressed:#5EA5F9;--colors-blue-background-pressed:#EBF4FE;--colors-mono-background-pressed:#F7F7F7;--colors-shadow-small:rgba(0,0,0,0.1);--colors-shadow-medium:rgba(0,0,0,0.2);--colors-blue-shadow:rgba(16,43,74,0.2);--colors-discord:#5566FB;--colors-github:#000000;--colors-secondary-yellow:#F9AB00;--colors-secondary-green:#34A853;--colors-secondary-red:#EA4335;--colors-error-background:#FBD9D7;--colors-blue-disabled:#D7E9FD;--colors-text-blue-disabled:#AFD2FC}.textStyle_body1:not(#\#):not(#\#):not(#\#):not(#\#){letter-spacing:-0.01rem;font-size:1rem;line-height:160%;font-weight:500}.textStyle_body0:not(#\#):not(#\#):not(#\#):not(#\#){letter-spacing:-0.01125rem;font-size:1.125rem;line-height:160%;font-weight:500}.textStyle_body2:not(#\#):not(#\#):not(#\#):not(#\#){letter-spacing:-0.00875rem;font-size:0.875rem;line-height:160%;font-weight:500}.textStyle_body3:not(#\#):not(#\#):not(#\#):not(#\#){font-size:0.75rem;line-height:140%;font-weight:500}.textStyle_display1:not(#\#):not(#\#):not(#\#):not(#\#){letter-spacing:-0.025rem;font-size:2.5rem;line-height:130%;font-weight:700}.textStyle_display2:not(#\#):not(#\#):not(#\#):not(#\#){letter-spacing:-0.02rem;font-size:2rem;line-height:130%;font-weight:700}.textStyle_h1:not(#\#):not(#\#):not(#\#):not(#\#){letter-spacing:-0.015rem;font-size:1.5rem;line-height:130%;font-weight:600}.textStyle_h2:not(#\#):not(#\#):not(#\#):not(#\#){letter-spacing:-0.01125rem;font-size:1.125rem;line-height:130%;font-weight:600}.textStyle_h3:not(#\#):not(#\#):not(#\#):not(#\#){letter-spacing:-0.01rem;font-size:1rem;line-height:130%;font-weight:600}.textStyle_label1:not(#\#):not(#\#):not(#\#):not(#\#){letter-spacing:-0.01rem;font-size:1rem;line-height:100%;font-weight:600}.textStyle_label2:not(#\#):not(#\#):not(#\#):not(#\#){letter-spacing:-0.01rem;font-size:0.875rem;line-height:100%;font-weight:600}.textStyle_label3:not(#\#):not(#\#):not(#\#):not(#\#){font-size:0.75rem;line-height:100%;font-weight:600}.h_24:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){height:24px}.w_49:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){width:49px}.w_100vw:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){width:100vw}.h_54px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){height:54px}.d_flex:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){display:flex}.gap_8px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){gap:8px}.w_fit-content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){width:fit-content}.w_49px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){width:49px}.h_24px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){height:24px}.c_primary:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-primary)}.w_24:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){width:24px}.w_40\.75rem:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){width:40.75rem}.h_28\.125rem:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){height:28.125rem}.pos_relative:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){position:relative}.bdr_md:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){border-radius:var(--radii-md)}.bx-sh_mono:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){box-shadow:var(--shadows-mono)}.h_100vh:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){height:100vh}.pos_fixed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){position:fixed}.z_9999:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){z-index:9999}.bg_backgroundDimmer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){background:var(--colors-background-dimmer)}.pos_absolute:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){position:absolute}.cursor_pointer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){cursor:pointer}.li-s_none:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){list-style:none}.h_20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){height:20px}.w_20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),.w_20px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){width:20px}.h_20px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){height:20px}.gap_12px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){gap:12px}.p_11px_18px_11px_20px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){padding:11px 18px 11px 20px}.bg_monoBackgroundPressed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){background:var(--colors-mono-background-pressed)}.bg_white:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){background:var(--colors-white)}.h_80px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){height:80px}.w_100\%:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){width:100%}.c_textBlack:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-text-black)}.c_blue\.50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-blue-50)}.c_blue\.100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-blue-100)}.c_blue\.150:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-blue-150)}.c_blue\.200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-blue-200)}.c_blue\.300:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-blue-300)}.c_blue\.400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-blue-400)}.c_blue\.500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-blue-500)}.c_blue\.600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-blue-600)}.c_blue\.700:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-blue-700)}.c_blue\.800:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-blue-800)}.c_blue\.850:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-blue-850)}.c_blue\.900:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-blue-900)}.c_blue\.950:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-blue-950)}.c_yellow\.50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-yellow-50)}.c_yellow\.100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-yellow-100)}.c_yellow\.150:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-yellow-150)}.c_yellow\.200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-yellow-200)}.c_yellow\.300:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-yellow-300)}.c_yellow\.400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-yellow-400)}.c_yellow\.500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-yellow-500)}.c_yellow\.600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-yellow-600)}.c_yellow\.700:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-yellow-700)}.c_yellow\.800:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-yellow-800)}.c_yellow\.850:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-yellow-850)}.c_yellow\.900:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-yellow-900)}.c_yellow\.950:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-yellow-950)}.c_green\.50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-green-50)}.c_green\.100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-green-100)}.c_green\.150:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-green-150)}.c_green\.200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-green-200)}.c_green\.300:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-green-300)}.c_green\.400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-green-400)}.c_green\.500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-green-500)}.c_green\.600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-green-600)}.c_green\.700:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-green-700)}.c_green\.800:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-green-800)}.c_green\.850:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-green-850)}.c_green\.900:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-green-900)}.c_green\.950:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-green-950)}.c_red\.50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-red-50)}.c_red\.100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-red-100)}.c_red\.150:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-red-150)}.c_red\.200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-red-200)}.c_red\.300:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-red-300)}.c_red\.400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-red-400)}.c_red\.500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-red-500)}.c_red\.600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-red-600)}.c_red\.700:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-red-700)}.c_red\.800:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-red-800)}.c_red\.850:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-red-850)}.c_red\.900:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-red-900)}.c_red\.950:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-red-950)}.c_mono\.50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-mono-50)}.c_mono\.100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-mono-100)}.c_mono\.150:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-mono-150)}.c_mono\.200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-mono-200)}.c_mono\.300:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-mono-300)}.c_mono\.400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-mono-400)}.c_mono\.500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-mono-500)}.c_mono\.600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-mono-600)}.c_mono\.700:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-mono-700)}.c_mono\.800:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-mono-800)}.c_mono\.850:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:mono.850}.c_mono\.900:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-mono-900)}.c_mono\.950:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-mono-950)}.c_white:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-white)}.c_black:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-black)}.c_whiteOpacity\.20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:whiteOpacity.20}.c_whiteOpacity\.40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:whiteOpacity.40}.c_whiteOpacity\.60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:whiteOpacity.60}.c_whiteOpacity\.80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:whiteOpacity.80}.c_blackOpacity\.20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:blackOpacity.20}.c_blackOpacity\.40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:blackOpacity.40}.c_blackOpacity\.60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:blackOpacity.60}.c_blackOpacity\.80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:blackOpacity.80}.c_success:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-success)}.c_error:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-error)}.c_backgroundNormal:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-background-normal)}.c_backgroundAlternative:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-background-alternative)}.c_backgroundDimmer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-background-dimmer)}.c_errorBackground:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-error-background)}.c_sub:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-sub)}.c_outline:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-outline)}.c_textWhite:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-text-white)}.c_darkDisabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-dark-disabled)}.c_lightDisabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-light-disabled)}.c_blueDisabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-blue-disabled)}.c_textBlueDisabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-text-blue-disabled)}.c_blueHover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-blue-hover)}.c_monoHover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-mono-hover)}.c_elevatedHover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-elevated-hover)}.c_bluePressed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-blue-pressed)}.c_blueBackgroundPressed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-blue-background-pressed)}.c_monoBackgroundPressed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-mono-background-pressed)}.c_shadowSmall:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-shadow-small)}.c_shadowMedium:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-shadow-medium)}.c_blueShadow:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-blue-shadow)}.c_discord:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-discord)}.c_github:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-github)}.c_secondaryYellow:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-secondary-yellow)}.c_secondaryGreen:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-secondary-green)}.c_secondaryRed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:var(--colors-secondary-red)}.c_blueGradientDark:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:blueGradientDark}.c_blueGradientLight:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:blueGradientLight}.c_redGradientDark:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:redGradientDark}.c_redGradientLight:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:redGradientLight}.c_greenGradientDark:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:greenGradientDark}.c_greenGradientLight:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:greenGradientLight}.c_yellowGradientDark:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:yellowGradientDark}.c_yellowGradientLight:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){color:yellowGradientLight}.bd-b-w_button:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-width:var(--border-widths-button)}.bd-b-c_mono\.400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-color:var(--colors-mono-400)}.border-bottom-style_solid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-style:solid}.ai_center:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){align-items:center}.ml_225px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){margin-left:225px}.ff_Product_Sans:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){font-family:Product Sans}.fw_700:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){font-weight:700}.fs_20px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){font-size:20px}.lh_130\%:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){line-height:130%}.fw_400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){font-weight:400}.fs_14px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){font-size:14px}.jc_center:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){justify-content:center}.flex-d_column:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){flex-direction:column}.top_0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){top:0}.left_0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){left:0}.top_xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){top:var(--spacing-xl)}.right_xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){right:var(--spacing-xl)}.ml_auto:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){margin-left:auto}.mr_8px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){margin-right:8px}.jc_space-between:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){justify-content:space-between}.mb_12px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:12px}.jc_flex-start:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){justify-content:flex-start}.jc_flex-end:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){justify-content:flex-end} \ No newline at end of file +:host, +html { + --font-fallback: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, + "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, + "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + -webkit-text-size-adjust: 100%; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + -moz-tab-size: 4; + tab-size: 4; + -webkit-tap-highlight-color: transparent; + line-height: 1.5; + font-family: var(--global-font-body, var(--font-fallback)); +} +*, +::backdrop, +::file-selector-button, +:after, +:before { + margin: 0px; + padding: 0px; + box-sizing: border-box; + border-width: 0px; + border-style: solid; + border-color: var(--global-color-border, currentColor); +} +hr { + height: 0px; + color: inherit; + border-top-width: 1px; +} +body { + height: 100%; + line-height: inherit; +} +img { + border-style: none; +} +audio, +canvas, +embed, +iframe, +img, +object, +svg, +video { + display: block; + vertical-align: middle; +} +img, +video { + max-width: 100%; + height: auto; +} +h1, +h2, +h3, +h4, +h5, +h6 { + text-wrap: balance; + font-size: inherit; + font-weight: inherit; +} +h1, +h2, +h3, +h4, +h5, +h6, +p { + overflow-wrap: break-word; +} +menu, +ol, +ul { + list-style: none; +} +::file-selector-button, +button, +input:where([type="button"], [type="reset"], [type="submit"]) { + appearance: button; + -webkit-appearance: button; +} +::file-selector-button, +button, +input, +optgroup, +select, +textarea { + font: inherit; + font-feature-settings: inherit; + font-variation-settings: inherit; + letter-spacing: inherit; + color: inherit; + background: transparent; +} +::placeholder { + opacity: 1; + --placeholder-fallback: color-mix(in srgb, currentColor 50%, transparent); + color: var(--global-color-placeholder, var(--placeholder-fallback)); +} +textarea { + resize: vertical; +} +table { + text-indent: 0px; + border-collapse: collapse; + border-color: inherit; +} +summary { + display: list-item; +} +small { + font-size: 80%; +} +sub, +sup { + position: relative; + vertical-align: baseline; + font-size: 75%; + line-height: 0; +} +sub { + bottom: -0.25em; +} +sup { + top: -0.5em; +} +dialog { + padding: 0px; +} +a { + color: inherit; + text-decoration: inherit; +} +abbr:where([title]) { + text-decoration: underline dotted; +} +b, +strong { + font-weight: bolder; +} +code, +kbd, +pre, +samp { + --font-mono-fallback: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, + "Liberation Mono", "Courier New"; + font-feature-settings: normal; + font-variation-settings: normal; + font-family: var(--global-font-mono, var(--font-mono-fallback)); + font-size: 1em; +} +progress { + vertical-align: baseline; +} +::-webkit-search-cancel-button, +::-webkit-search-decoration { + -webkit-appearance: none; +} +::-webkit-inner-spin-button, +::-webkit-outer-spin-button { + height: auto; +} +:-moz-ui-invalid { + box-shadow: none; +} +:-moz-focusring { + outline: auto; +} +[hidden]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + display: none !important; +} +:where(:root, :host):not(#\#):not(#\#) { + --colors-red-50: #fdeceb; + --colors-red-100: #fbd9d7; + --colors-red-150: #f9c7c2; + --colors-red-200: #f7b4ae; + --colors-red-300: #f28e86; + --colors-red-400: #ee695d; + --colors-red-500: #ea4335; + --colors-red-600: #bb362a; + --colors-red-700: #8c2820; + --colors-red-800: #5e1b15; + --colors-red-850: #461410; + --colors-red-900: #2f0d0b; + --colors-red-950: #170705; + --colors-blue-50: #ebf4fe; + --colors-blue-100: #d7e9fd; + --colors-blue-150: #c3ddfd; + --colors-blue-200: #afd2fc; + --colors-blue-300: #86bcfa; + --colors-blue-400: #5ea5f9; + --colors-blue-500: #368ff7; + --colors-blue-600: #2b72c6; + --colors-blue-700: #205694; + --colors-blue-800: #163963; + --colors-blue-850: #102b4a; + --colors-blue-900: #0b1d31; + --colors-blue-950: #050e19; + --colors-yellow-50: #fef7e6; + --colors-yellow-100: #feeecc; + --colors-yellow-150: #fde6b3; + --colors-yellow-200: #fddd99; + --colors-yellow-300: #fbcd66; + --colors-yellow-400: #fabc33; + --colors-yellow-500: #f9ab00; + --colors-yellow-600: #c78900; + --colors-yellow-700: #956700; + --colors-yellow-800: #644400; + --colors-yellow-850: #4b3300; + --colors-yellow-900: #322200; + --colors-yellow-950: #191100; + --colors-green-50: #ebf6ee; + --colors-green-100: #d6eedd; + --colors-green-150: #c2e5cb; + --colors-green-200: #aedcba; + --colors-green-300: #85cb98; + --colors-green-400: #5db975; + --colors-green-500: #34a853; + --colors-green-600: #2a8642; + --colors-green-700: #1f6532; + --colors-green-800: #154321; + --colors-green-850: #103219; + --colors-green-900: #0a2211; + --colors-green-950: #051108; + --colors-mono-50: #f7f7f7; + --colors-mono-100: #f0f0f0; + --colors-mono-150: #e8e8e8; + --colors-mono-200: #e1e1e1; + --colors-mono-300: #d1d1d1; + --colors-mono-400: #c2c2c2; + --colors-mono-500: #b3b3b3; + --colors-mono-600: #8f8f8f; + --colors-mono-700: #6b6b6b; + --colors-mono-800: #484848; + --colors-mono-900: #242424; + --colors-mono-950: #121212; + --colors-white: #ffffff; + --colors-black: #000000; + --spacing-xl: 1.5rem; + --radii-md: 0.5rem; + --border-widths-button: 1px; + --shadows-mono: 0px 4px 8px 0px rgba(0, 0, 0, 0.2); + --colors-primary: #368ff7; + --colors-success: #2a8642; + --colors-error: #bb362a; + --colors-background-normal: #ffffff; + --colors-background-alternative: #f7f7f7; + --colors-background-dimmer: rgba(0, 0, 0, 0.8); + --colors-sub: #6b6b6b; + --colors-outline: #c2c2c2; + --colors-text-black: #121212; + --colors-text-white: #ffffff; + --colors-dark-disabled: #c2c2c2; + --colors-light-disabled: #e1e1e1; + --colors-blue-hover: #2b72c6; + --colors-mono-hover: #121212; + --colors-elevated-hover: rgba(16, 43, 74, 0.2); + --colors-blue-pressed: #5ea5f9; + --colors-blue-background-pressed: #ebf4fe; + --colors-mono-background-pressed: #f7f7f7; + --colors-shadow-small: rgba(0, 0, 0, 0.1); + --colors-shadow-medium: rgba(0, 0, 0, 0.2); + --colors-blue-shadow: rgba(16, 43, 74, 0.2); + --colors-discord: #5566fb; + --colors-github: #000000; + --colors-secondary-yellow: #f9ab00; + --colors-secondary-green: #34a853; + --colors-secondary-red: #ea4335; + --colors-error-background: #fbd9d7; + --colors-blue-disabled: #d7e9fd; + --colors-text-blue-disabled: #afd2fc; +} +.textStyle_body1:not(#\#):not(#\#):not(#\#):not(#\#) { + letter-spacing: -0.01rem; + font-size: 1rem; + line-height: 160%; + font-weight: 500; +} +.textStyle_body0:not(#\#):not(#\#):not(#\#):not(#\#) { + letter-spacing: -0.01125rem; + font-size: 1.125rem; + line-height: 160%; + font-weight: 500; +} +.textStyle_body2:not(#\#):not(#\#):not(#\#):not(#\#) { + letter-spacing: -0.00875rem; + font-size: 0.875rem; + line-height: 160%; + font-weight: 500; +} +.textStyle_body3:not(#\#):not(#\#):not(#\#):not(#\#) { + font-size: 0.75rem; + line-height: 140%; + font-weight: 500; +} +.textStyle_display1:not(#\#):not(#\#):not(#\#):not(#\#) { + letter-spacing: -0.025rem; + font-size: 2.5rem; + line-height: 130%; + font-weight: 700; +} +.textStyle_display2:not(#\#):not(#\#):not(#\#):not(#\#) { + letter-spacing: -0.02rem; + font-size: 2rem; + line-height: 130%; + font-weight: 700; +} +.textStyle_h1:not(#\#):not(#\#):not(#\#):not(#\#) { + letter-spacing: -0.015rem; + font-size: 1.5rem; + line-height: 130%; + font-weight: 600; +} +.textStyle_h2:not(#\#):not(#\#):not(#\#):not(#\#) { + letter-spacing: -0.01125rem; + font-size: 1.125rem; + line-height: 130%; + font-weight: 600; +} +.textStyle_h3:not(#\#):not(#\#):not(#\#):not(#\#) { + letter-spacing: -0.01rem; + font-size: 1rem; + line-height: 130%; + font-weight: 600; +} +.textStyle_label1:not(#\#):not(#\#):not(#\#):not(#\#) { + letter-spacing: -0.01rem; + font-size: 1rem; + line-height: 100%; + font-weight: 600; +} +.textStyle_label2:not(#\#):not(#\#):not(#\#):not(#\#) { + letter-spacing: -0.01rem; + font-size: 0.875rem; + line-height: 100%; + font-weight: 600; +} +.textStyle_label3:not(#\#):not(#\#):not(#\#):not(#\#) { + font-size: 0.75rem; + line-height: 100%; + font-weight: 600; +} +.h_24:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + height: 24px; +} +.w_49:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + width: 49px; +} +.w_100vw:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + width: 100vw; +} +.h_54px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + height: 54px; +} +.d_flex:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + display: flex; +} +.gap_8px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + gap: 8px; +} +.w_fit-content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + width: fit-content; +} +.w_49px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + width: 49px; +} +.h_24px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + height: 24px; +} +.c_primary:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-primary); +} +.w_24:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + width: 24px; +} +.w_40\.75rem:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + width: 40.75rem; +} +.h_28\.125rem:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + height: 28.125rem; +} +.pos_relative:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + position: relative; +} +.bdr_md:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + border-radius: var(--radii-md); +} +.bx-sh_mono:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + box-shadow: var(--shadows-mono); +} +.h_100vh:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + height: 100vh; +} +.pos_fixed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + position: fixed; +} +.z_9999:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + z-index: 9999; +} +.bg_backgroundDimmer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + background: var(--colors-background-dimmer); +} +.pos_absolute:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + position: absolute; +} +.cursor_pointer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + cursor: pointer; +} +.li-s_none:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + list-style: none; +} +.h_20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + height: 20px; +} +.w_20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), +.w_20px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + width: 20px; +} +.h_20px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + height: 20px; +} +.gap_12px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + gap: 12px; +} +.p_11px_18px_11px_20px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + padding: 11px 18px 11px 20px; +} +.bg_monoBackgroundPressed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + background: var(--colors-mono-background-pressed); +} +.bg_white:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + background: var(--colors-white); +} +.h_80px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + height: 80px; +} +.w_100\%:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + width: 100%; +} +.c_textBlack:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-text-black); +} +.c_blue\.50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-blue-50); +} +.c_blue\.100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-blue-100); +} +.c_blue\.150:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-blue-150); +} +.c_blue\.200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-blue-200); +} +.c_blue\.300:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-blue-300); +} +.c_blue\.400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-blue-400); +} +.c_blue\.500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-blue-500); +} +.c_blue\.600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-blue-600); +} +.c_blue\.700:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-blue-700); +} +.c_blue\.800:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-blue-800); +} +.c_blue\.850:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-blue-850); +} +.c_blue\.900:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-blue-900); +} +.c_blue\.950:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-blue-950); +} +.c_yellow\.50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-yellow-50); +} +.c_yellow\.100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-yellow-100); +} +.c_yellow\.150:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-yellow-150); +} +.c_yellow\.200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-yellow-200); +} +.c_yellow\.300:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-yellow-300); +} +.c_yellow\.400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-yellow-400); +} +.c_yellow\.500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-yellow-500); +} +.c_yellow\.600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-yellow-600); +} +.c_yellow\.700:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-yellow-700); +} +.c_yellow\.800:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-yellow-800); +} +.c_yellow\.850:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-yellow-850); +} +.c_yellow\.900:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-yellow-900); +} +.c_yellow\.950:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-yellow-950); +} +.c_green\.50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-green-50); +} +.c_green\.100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-green-100); +} +.c_green\.150:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-green-150); +} +.c_green\.200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-green-200); +} +.c_green\.300:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-green-300); +} +.c_green\.400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-green-400); +} +.c_green\.500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-green-500); +} +.c_green\.600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-green-600); +} +.c_green\.700:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-green-700); +} +.c_green\.800:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-green-800); +} +.c_green\.850:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-green-850); +} +.c_green\.900:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-green-900); +} +.c_green\.950:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-green-950); +} +.c_red\.50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-red-50); +} +.c_red\.100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-red-100); +} +.c_red\.150:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-red-150); +} +.c_red\.200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-red-200); +} +.c_red\.300:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-red-300); +} +.c_red\.400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-red-400); +} +.c_red\.500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-red-500); +} +.c_red\.600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-red-600); +} +.c_red\.700:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-red-700); +} +.c_red\.800:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-red-800); +} +.c_red\.850:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-red-850); +} +.c_red\.900:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-red-900); +} +.c_red\.950:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-red-950); +} +.c_mono\.50:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-mono-50); +} +.c_mono\.100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-mono-100); +} +.c_mono\.150:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-mono-150); +} +.c_mono\.200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-mono-200); +} +.c_mono\.300:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-mono-300); +} +.c_mono\.400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-mono-400); +} +.c_mono\.500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-mono-500); +} +.c_mono\.600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-mono-600); +} +.c_mono\.700:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-mono-700); +} +.c_mono\.800:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-mono-800); +} +.c_mono\.850:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: mono.850; +} +.c_mono\.900:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-mono-900); +} +.c_mono\.950:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-mono-950); +} +.c_white:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-white); +} +.c_black:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-black); +} +.c_whiteOpacity\.20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: whiteOpacity.20; +} +.c_whiteOpacity\.40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: whiteOpacity.40; +} +.c_whiteOpacity\.60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: whiteOpacity.60; +} +.c_whiteOpacity\.80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: whiteOpacity.80; +} +.c_blackOpacity\.20:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: blackOpacity.20; +} +.c_blackOpacity\.40:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: blackOpacity.40; +} +.c_blackOpacity\.60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: blackOpacity.60; +} +.c_blackOpacity\.80:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: blackOpacity.80; +} +.c_success:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-success); +} +.c_error:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-error); +} +.c_backgroundNormal:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-background-normal); +} +.c_backgroundAlternative:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-background-alternative); +} +.c_backgroundDimmer:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-background-dimmer); +} +.c_errorBackground:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-error-background); +} +.c_sub:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-sub); +} +.c_outline:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-outline); +} +.c_textWhite:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-text-white); +} +.c_darkDisabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-dark-disabled); +} +.c_lightDisabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-light-disabled); +} +.c_blueDisabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-blue-disabled); +} +.c_textBlueDisabled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-text-blue-disabled); +} +.c_blueHover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-blue-hover); +} +.c_monoHover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-mono-hover); +} +.c_elevatedHover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-elevated-hover); +} +.c_bluePressed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-blue-pressed); +} +.c_blueBackgroundPressed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-blue-background-pressed); +} +.c_monoBackgroundPressed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-mono-background-pressed); +} +.c_shadowSmall:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-shadow-small); +} +.c_shadowMedium:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-shadow-medium); +} +.c_blueShadow:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-blue-shadow); +} +.c_discord:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-discord); +} +.c_github:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-github); +} +.c_secondaryYellow:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-secondary-yellow); +} +.c_secondaryGreen:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-secondary-green); +} +.c_secondaryRed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: var(--colors-secondary-red); +} +.c_blueGradientDark:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: blueGradientDark; +} +.c_blueGradientLight:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: blueGradientLight; +} +.c_redGradientDark:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: redGradientDark; +} +.c_redGradientLight:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: redGradientLight; +} +.c_greenGradientDark:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: greenGradientDark; +} +.c_greenGradientLight:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: greenGradientLight; +} +.c_yellowGradientDark:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: yellowGradientDark; +} +.c_yellowGradientLight:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + color: yellowGradientLight; +} +.bd-b-w_button:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + border-bottom-width: var(--border-widths-button); +} +.bd-b-c_mono\.400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + border-bottom-color: var(--colors-mono-400); +} +.border-bottom-style_solid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + border-bottom-style: solid; +} +.ai_center:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + align-items: center; +} +.ml_225px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + margin-left: 225px; +} +.ff_Product_Sans:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + font-family: Product Sans; +} +.fw_700:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + font-weight: 700; +} +.fs_20px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + font-size: 20px; +} +.lh_130\%:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + line-height: 130%; +} +.fw_400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + font-weight: 400; +} +.fs_14px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + font-size: 14px; +} +.jc_center:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + justify-content: center; +} +.flex-d_column:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + flex-direction: column; +} +.top_0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + top: 0; +} +.left_0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + left: 0; +} +.top_xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + top: var(--spacing-xl); +} +.right_xl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + right: var(--spacing-xl); +} +.ml_auto:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + margin-left: auto; +} +.mr_8px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + margin-right: 8px; +} +.jc_space-between:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + justify-content: space-between; +} +.mb_12px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + margin-bottom: 12px; +} +.jc_flex-start:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + justify-content: flex-start; +} +.jc_flex-end:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { + justify-content: flex-end; +} From e2510e8fd5e8ac1563e2ffec067c57499db5a269 Mon Sep 17 00:00:00 2001 From: SeieunYoo Date: Thu, 29 Aug 2024 07:27:51 +0900 Subject: [PATCH 05/11] =?UTF-8?q?fix:=20=EC=98=A8=EB=B3=B4=EB=94=A9=20?= =?UTF-8?q?=EB=8C=80=EC=8B=9C=EB=B3=B4=EB=93=9C=EB=A1=9C=20=EB=9D=BC?= =?UTF-8?q?=EC=9A=B0=ED=8C=85?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- apps/client/app/(afterLogin)/my-page/_components/MyInfoBox.tsx | 2 +- apps/client/constants/routePath.ts | 1 + 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/apps/client/app/(afterLogin)/my-page/_components/MyInfoBox.tsx b/apps/client/app/(afterLogin)/my-page/_components/MyInfoBox.tsx index deed82db..06838284 100644 --- a/apps/client/app/(afterLogin)/my-page/_components/MyInfoBox.tsx +++ b/apps/client/app/(afterLogin)/my-page/_components/MyInfoBox.tsx @@ -28,7 +28,7 @@ export const MyInfoBox = async () => { - + diff --git a/apps/client/constants/routePath.ts b/apps/client/constants/routePath.ts index 6bf8c56a..b1274d76 100644 --- a/apps/client/constants/routePath.ts +++ b/apps/client/constants/routePath.ts @@ -18,6 +18,7 @@ export const routePath = { ["my-page"]: "/my-page", ["my-page-logout"]: "/my-page/logout", onboarding: "https://onboarding.gdschongik.com", + onboardingDashboard: "https://onboarding.gdschongik.com/dashboard", github: "https://github.com", admin: process.env.NODE_ENV === "production" From 4324313a8bc93b8bec085b06c1dbcfc5996bfd05 Mon Sep 17 00:00:00 2001 From: SeieunYoo Date: Fri, 30 Aug 2024 07:28:28 +0900 Subject: [PATCH 06/11] =?UTF-8?q?feat:=20=EB=B0=98=EC=9D=91=ED=98=95=20?= =?UTF-8?q?=EA=B5=AC=ED=98=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../study-apply/_components/StudyItem.tsx | 53 ++++++++++++++----- 1 file changed, 40 insertions(+), 13 deletions(-) diff --git a/apps/client/app/(afterLogin)/study-apply/_components/StudyItem.tsx b/apps/client/app/(afterLogin)/study-apply/_components/StudyItem.tsx index 5de8a166..5f4aa728 100644 --- a/apps/client/app/(afterLogin)/study-apply/_components/StudyItem.tsx +++ b/apps/client/app/(afterLogin)/study-apply/_components/StudyItem.tsx @@ -55,7 +55,11 @@ const StudyItem = ({ study, appliedStudyId }: StudyItemProps) => { {title} - + {studyType} @@ -72,19 +76,14 @@ const StudyItem = ({ study, appliedStudyId }: StudyItemProps) => { )} {mentorName} - - {studyTime} - + {studyTime} {totalWeek}주 코스 - - {`${openingDate.month}.${openingDate.day} 개강`} - + {`${openingDate.month}.${openingDate.day} 개강`} {isCancelable && ( - + {`${endDate.month}.${endDate.day} 까지 취소 가능`} )} @@ -99,13 +98,13 @@ const StudyItem = ({ study, appliedStudyId }: StudyItemProps) => { )} {isCancelable && ( - )} {isNotApplicable && ( - )} @@ -127,14 +126,39 @@ const titleStyle = css({ const dateStyle = css({ width: "118px", + "@media (max-width: 1439px)": { + overflow: "hidden", + whiteSpace: "nowrap", + textOverflow: "ellipsis", + width: "38px", + }, }); +const timeCellStyle = css({ + paddingX: "28px", + width: "162px", + textAlign: "center", + "@media (max-width: 1439px)": { + overflow: "hidden", + whiteSpace: "nowrap", + textOverflow: "ellipsis", + padding: "0", + }, +}); const textCellStyle = css({ paddingX: "28px", + "@media (max-width: 1439px)": { + overflow: "hidden", + whiteSpace: "nowrap", + textOverflow: "ellipsis", + padding: "0", + width: "38px", + }, }); const contentStyle = css({ minWidth: "313px", + width: "313px", }); const introductionLinkTextStyle = css({ @@ -144,6 +168,9 @@ const introductionLinkTextStyle = css({ textDecoration: "underline", }); +const tagButtonStyle = { + whiteSpace: "nowrap", +}; const sessionColors: Record["color"]> = { "과제 스터디": "green", "온라인 커리큘럼": "blue", From 95e1b418f9ca8c02833d72f98987b9985cb3bb35 Mon Sep 17 00:00:00 2001 From: SeieunYoo Date: Fri, 30 Aug 2024 08:38:43 +0900 Subject: [PATCH 07/11] =?UTF-8?q?feat:=20=EB=AA=A8=EB=8B=AC=20=EC=9E=90?= =?UTF-8?q?=EB=8F=99=20=EB=8B=AB=ED=9E=98=20=EC=B6=94=EA=B0=80,=20?= =?UTF-8?q?=EB=94=94=EC=9E=90=EC=9D=B8=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../@modal/(.)study-application/[studyId]/page.tsx | 12 ++++++++++++ .../@modal/(.)study-cancellation/[studyId]/page.tsx | 13 +++++++++++++ .../study-apply/_components/StudyItem.tsx | 4 ++-- 3 files changed, 27 insertions(+), 2 deletions(-) diff --git a/apps/client/app/(afterLogin)/study-apply/@modal/(.)study-application/[studyId]/page.tsx b/apps/client/app/(afterLogin)/study-apply/@modal/(.)study-application/[studyId]/page.tsx index 00e3e732..5fc851ab 100644 --- a/apps/client/app/(afterLogin)/study-apply/@modal/(.)study-application/[studyId]/page.tsx +++ b/apps/client/app/(afterLogin)/study-apply/@modal/(.)study-application/[studyId]/page.tsx @@ -3,12 +3,14 @@ import { css } from "@styled-system/css"; import { Flex } from "@styled-system/jsx"; import { Modal, Space, Text } from "@wow-class/ui"; +import { useModalRoute } from "@wow-class/ui/hooks"; import { studyApplyApi } from "apis/studyApplyApi"; import { tags } from "constants/tags"; import { useEffect, useState } from "react"; import { revalidateTagByName } from "utils/revalidateTagByName"; import Button from "wowds-ui/Button"; +const MODAL_CLOSE_TIME = 1000; const StudyApplication = ({ params }: { params: { studyId: number } }) => { const studyId = params.studyId; @@ -16,6 +18,7 @@ const StudyApplication = ({ params }: { params: { studyId: number } }) => { const [isLoading, setIsLoading] = useState(true); const [studyTitle, setStudyTitle] = useState(""); + const { closeModal } = useModalRoute(); useEffect(() => { const fetchStudyData = async () => { const data = await studyApplyApi.getStudyList(); @@ -34,6 +37,15 @@ const StudyApplication = ({ params }: { params: { studyId: number } }) => { fetchStudyData(); }, [studyId]); + useEffect(() => { + if (applySuccess) { + const timer = setTimeout(() => { + closeModal(); + }, MODAL_CLOSE_TIME); + return () => clearTimeout(timer); + } + }, [applySuccess, closeModal]); + const handleClickApplyButton = async () => { const result = await studyApplyApi.applyStudy(Number(studyId)); if (result.success) { diff --git a/apps/client/app/(afterLogin)/study-apply/@modal/(.)study-cancellation/[studyId]/page.tsx b/apps/client/app/(afterLogin)/study-apply/@modal/(.)study-cancellation/[studyId]/page.tsx index 52d286b0..8889c5dc 100644 --- a/apps/client/app/(afterLogin)/study-apply/@modal/(.)study-cancellation/[studyId]/page.tsx +++ b/apps/client/app/(afterLogin)/study-apply/@modal/(.)study-cancellation/[studyId]/page.tsx @@ -3,17 +3,21 @@ import { css } from "@styled-system/css"; import { Flex } from "@styled-system/jsx"; import { Modal, Space, Text } from "@wow-class/ui"; +import { useModalRoute } from "@wow-class/ui/hooks"; import { studyApplyApi } from "apis/studyApplyApi"; import { tags } from "constants/tags"; import { useEffect, useState } from "react"; import { revalidateTagByName } from "utils/revalidateTagByName"; import Button from "wowds-ui/Button"; +const MODAL_CLOSE_TIME = 1000; + const StudyCancel = ({ params }: { params: { studyId: number } }) => { const studyId = params.studyId; const [cancelSucces, setCancelSuccess] = useState(false); const [isLoading, setIsLoading] = useState(true); const [studyTitle, setStudyTitle] = useState(""); + const { closeModal } = useModalRoute(); useEffect(() => { const fetchStudyData = async () => { @@ -33,6 +37,15 @@ const StudyCancel = ({ params }: { params: { studyId: number } }) => { fetchStudyData(); }, [studyId]); + useEffect(() => { + if (cancelSucces) { + const timer = setTimeout(() => { + closeModal(); + }, MODAL_CLOSE_TIME); + return () => clearTimeout(timer); + } + }, [cancelSucces, closeModal]); + const handleClickCancelButton = async () => { const result = await studyApplyApi.cancelStudyApplication(Number(studyId)); diff --git a/apps/client/app/(afterLogin)/study-apply/_components/StudyItem.tsx b/apps/client/app/(afterLogin)/study-apply/_components/StudyItem.tsx index 5f4aa728..c96b7ba3 100644 --- a/apps/client/app/(afterLogin)/study-apply/_components/StudyItem.tsx +++ b/apps/client/app/(afterLogin)/study-apply/_components/StudyItem.tsx @@ -70,7 +70,7 @@ const StudyItem = ({ study, appliedStudyId }: StudyItemProps) => { color="sub" typo="body2" > - {`(${introduction})`} + {introduction} )} @@ -136,7 +136,7 @@ const dateStyle = css({ const timeCellStyle = css({ paddingX: "28px", - width: "162px", + width: "178px", textAlign: "center", "@media (max-width: 1439px)": { overflow: "hidden", From edb4937a7bd7f6d8b9e0b08436b28b4ee727cd2d Mon Sep 17 00:00:00 2001 From: SeieunYoo Date: Fri, 30 Aug 2024 08:43:42 +0900 Subject: [PATCH 08/11] =?UTF-8?q?feat:=20=EB=9D=BC=EC=9A=B0=ED=8C=85=20?= =?UTF-8?q?=EC=9B=90=EB=B3=B5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- apps/client/app/(afterLogin)/my-page/_components/MyInfoBox.tsx | 2 +- apps/client/constants/routePath.ts | 1 - 2 files changed, 1 insertion(+), 2 deletions(-) diff --git a/apps/client/app/(afterLogin)/my-page/_components/MyInfoBox.tsx b/apps/client/app/(afterLogin)/my-page/_components/MyInfoBox.tsx index 06838284..deed82db 100644 --- a/apps/client/app/(afterLogin)/my-page/_components/MyInfoBox.tsx +++ b/apps/client/app/(afterLogin)/my-page/_components/MyInfoBox.tsx @@ -28,7 +28,7 @@ export const MyInfoBox = async () => { - + diff --git a/apps/client/constants/routePath.ts b/apps/client/constants/routePath.ts index b1274d76..6bf8c56a 100644 --- a/apps/client/constants/routePath.ts +++ b/apps/client/constants/routePath.ts @@ -18,7 +18,6 @@ export const routePath = { ["my-page"]: "/my-page", ["my-page-logout"]: "/my-page/logout", onboarding: "https://onboarding.gdschongik.com", - onboardingDashboard: "https://onboarding.gdschongik.com/dashboard", github: "https://github.com", admin: process.env.NODE_ENV === "production" From 4a0553fb58dbcf8d48a4600d545a74f4bfff21ca Mon Sep 17 00:00:00 2001 From: SeieunYoo Date: Sat, 31 Aug 2024 07:43:22 +0900 Subject: [PATCH 09/11] =?UTF-8?q?feat:=20=EB=B0=98=EC=9D=91=ED=98=95,=20?= =?UTF-8?q?=EC=8A=A4=ED=84=B0=EB=94=A9=20=EC=9B=8C=EB=94=A9=20=EB=B0=98?= =?UTF-8?q?=EC=98=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../study-apply/_components/StudyItem.tsx | 72 ++++++++++++++----- 1 file changed, 54 insertions(+), 18 deletions(-) diff --git a/apps/client/app/(afterLogin)/study-apply/_components/StudyItem.tsx b/apps/client/app/(afterLogin)/study-apply/_components/StudyItem.tsx index c96b7ba3..f62aef0f 100644 --- a/apps/client/app/(afterLogin)/study-apply/_components/StudyItem.tsx +++ b/apps/client/app/(afterLogin)/study-apply/_components/StudyItem.tsx @@ -1,4 +1,4 @@ -import { css } from "@styled-system/css"; +import { css, cva } from "@styled-system/css"; import { Flex, styled } from "@styled-system/jsx"; import { Table, Text } from "@wow-class/ui"; import { padWithZero, parseISODate } from "@wow-class/utils"; @@ -56,11 +56,11 @@ const StudyItem = ({ study, appliedStudyId }: StudyItemProps) => { {title} - {studyType} + {tagTexts[studyType]} {introduction && ( @@ -75,9 +75,13 @@ const StudyItem = ({ study, appliedStudyId }: StudyItemProps) => { )} - {mentorName} + + {mentorName} 멘토 + {studyTime} - {totalWeek}주 코스 + + {totalWeek}주 코스 + { {isApplicable && ( - @@ -144,15 +148,39 @@ const timeCellStyle = css({ textOverflow: "ellipsis", padding: "0", }, + "@media (max-width: 1199px)": { + display: "none", + }, }); -const textCellStyle = css({ - paddingX: "28px", - "@media (max-width: 1439px)": { - overflow: "hidden", - whiteSpace: "nowrap", - textOverflow: "ellipsis", - padding: "0", - width: "38px", +const textCellStyle = cva({ + base: { + "@media (max-width: 1439px)": { + overflow: "hidden", + whiteSpace: "nowrap", + textOverflow: "ellipsis", + padding: "0", + width: "38px", + }, + }, + variants: { + type: { + mentor: { + paddingX: "15px", + "@media (max-width: 1199px)": { + width: "fit-content", + paddingInline: "7.25px", + }, + "@media (max-width: 959px)": { + display: "none", + }, + }, + week: { + paddingX: "28px", + "@media (max-width: 1199px)": { + display: "none", + }, + }, + }, }, }); @@ -171,10 +199,18 @@ const introductionLinkTextStyle = css({ const tagButtonStyle = { whiteSpace: "nowrap", }; -const sessionColors: Record["color"]> = { - "과제 스터디": "green", - "온라인 커리큘럼": "blue", - "오프라인 커리큘럼": "yellow", + +const tagTexts: Record = { + "과제 스터디": "과제 스터디", + "온라인 커리큘럼": "온라인 스터디", + "오프라인 커리큘럼": "오프라인 스터디", }; +const curriculumColors: Record["color"]> = + { + "과제 스터디": "green", + "온라인 커리큘럼": "blue", + "오프라인 커리큘럼": "yellow", + }; + export default StudyItem; From 93af13193b6bf20f65f5257b781ffb8f1900e66d Mon Sep 17 00:00:00 2001 From: SeieunYoo Date: Sat, 31 Aug 2024 08:06:16 +0900 Subject: [PATCH 10/11] =?UTF-8?q?feat:=20revalidate=20=EB=A1=9C=EC=A7=81?= =?UTF-8?q?=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- apps/client/apis/studyApplyApi.ts | 5 +++-- apps/client/constants/revalidateTime.ts | 1 + 2 files changed, 4 insertions(+), 2 deletions(-) create mode 100644 apps/client/constants/revalidateTime.ts diff --git a/apps/client/apis/studyApplyApi.ts b/apps/client/apis/studyApplyApi.ts index 973de4df..280e2b9e 100644 --- a/apps/client/apis/studyApplyApi.ts +++ b/apps/client/apis/studyApplyApi.ts @@ -1,5 +1,6 @@ import { fetcher } from "@wow-class/utils"; import { apiPath } from "constants/apiPath"; +import { revalidateTime } from "constants/revalidateTime"; import { tags } from "constants/tags"; import type { StudyListApiResponseDto } from "types/dtos/applyStudy"; @@ -8,8 +9,8 @@ export const studyApplyApi = { const response = await fetcher.get( apiPath.applyStudy, { - next: { tags: [tags.studyApply] }, - cache: "no-store", + next: { tags: [tags.studyApply], revalidate: revalidateTime }, + cache: "force-cache", } ); diff --git a/apps/client/constants/revalidateTime.ts b/apps/client/constants/revalidateTime.ts new file mode 100644 index 00000000..63665588 --- /dev/null +++ b/apps/client/constants/revalidateTime.ts @@ -0,0 +1 @@ +export const revalidateTime = 180; From c995c81d3332395f766bf3883255d553e42c581b Mon Sep 17 00:00:00 2001 From: SeieunYoo Date: Sat, 31 Aug 2024 08:46:05 +0900 Subject: [PATCH 11/11] =?UTF-8?q?feat:=20onClose=20=EB=A1=9C=20=EB=B3=80?= =?UTF-8?q?=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../@modal/(.)study-application/[studyId]/page.tsx | 6 +++--- .../@modal/(.)study-cancellation/[studyId]/page.tsx | 6 +++--- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/apps/client/app/(afterLogin)/study-apply/@modal/(.)study-application/[studyId]/page.tsx b/apps/client/app/(afterLogin)/study-apply/@modal/(.)study-application/[studyId]/page.tsx index 5fc851ab..42cb0100 100644 --- a/apps/client/app/(afterLogin)/study-apply/@modal/(.)study-application/[studyId]/page.tsx +++ b/apps/client/app/(afterLogin)/study-apply/@modal/(.)study-application/[studyId]/page.tsx @@ -18,7 +18,7 @@ const StudyApplication = ({ params }: { params: { studyId: number } }) => { const [isLoading, setIsLoading] = useState(true); const [studyTitle, setStudyTitle] = useState(""); - const { closeModal } = useModalRoute(); + const { onClose } = useModalRoute(); useEffect(() => { const fetchStudyData = async () => { const data = await studyApplyApi.getStudyList(); @@ -40,11 +40,11 @@ const StudyApplication = ({ params }: { params: { studyId: number } }) => { useEffect(() => { if (applySuccess) { const timer = setTimeout(() => { - closeModal(); + onClose(); }, MODAL_CLOSE_TIME); return () => clearTimeout(timer); } - }, [applySuccess, closeModal]); + }, [applySuccess, onClose]); const handleClickApplyButton = async () => { const result = await studyApplyApi.applyStudy(Number(studyId)); diff --git a/apps/client/app/(afterLogin)/study-apply/@modal/(.)study-cancellation/[studyId]/page.tsx b/apps/client/app/(afterLogin)/study-apply/@modal/(.)study-cancellation/[studyId]/page.tsx index 8889c5dc..68ff33bb 100644 --- a/apps/client/app/(afterLogin)/study-apply/@modal/(.)study-cancellation/[studyId]/page.tsx +++ b/apps/client/app/(afterLogin)/study-apply/@modal/(.)study-cancellation/[studyId]/page.tsx @@ -17,7 +17,7 @@ const StudyCancel = ({ params }: { params: { studyId: number } }) => { const [cancelSucces, setCancelSuccess] = useState(false); const [isLoading, setIsLoading] = useState(true); const [studyTitle, setStudyTitle] = useState(""); - const { closeModal } = useModalRoute(); + const { onClose } = useModalRoute(); useEffect(() => { const fetchStudyData = async () => { @@ -40,11 +40,11 @@ const StudyCancel = ({ params }: { params: { studyId: number } }) => { useEffect(() => { if (cancelSucces) { const timer = setTimeout(() => { - closeModal(); + onClose(); }, MODAL_CLOSE_TIME); return () => clearTimeout(timer); } - }, [cancelSucces, closeModal]); + }, [cancelSucces, onClose]); const handleClickCancelButton = async () => { const result = await studyApplyApi.cancelStudyApplication(Number(studyId));