From 526dbdd7fdc797072bf3305c41cc8406fdfb8a43 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=9D=B4=EC=A4=80=EC=98=81?= Date: Wed, 1 Jul 2026 10:39:09 +0900 Subject: [PATCH 1/2] =?UTF-8?q?fix:=20=EC=9B=B9=20=ED=8E=98=EC=9D=B4?= =?UTF-8?q?=EC=A7=80=20=EB=B0=98=EC=9D=91=ED=98=95=20=EB=A0=88=EC=9D=B4?= =?UTF-8?q?=EC=95=84=EC=9B=83=20=EA=B0=9C=EC=84=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- apps/web/src/pages/ClubDetail/index.tsx | 16 +++++++--------- apps/web/src/pages/Home/index.tsx | 4 ++-- .../RegisterClub/RegisterClubList/index.tsx | 10 +++++----- apps/web/src/pages/RegisterClub/index.tsx | 8 ++++---- 4 files changed, 18 insertions(+), 20 deletions(-) diff --git a/apps/web/src/pages/ClubDetail/index.tsx b/apps/web/src/pages/ClubDetail/index.tsx index 023f6d3..5f27c4f 100644 --- a/apps/web/src/pages/ClubDetail/index.tsx +++ b/apps/web/src/pages/ClubDetail/index.tsx @@ -18,17 +18,15 @@ function Introduce({ introduce }: { introduce: string }) { ); } - function NoneIntroduce() { return ( -
- -
- - 동아리 소개를 준비 중이에요. 동아리 관리자라면 오른쪽 상단의 등록하기를 통해 - - 소개 내용을 보내주세요! 확인 후 페이지에 반영해드릴게요. -
+
+ +

+ 동아리 소개를 준비 중이에요. 동아리 관리자라면 오른쪽 상단의 등록하기를 통해 +
+ 소개 내용을 보내주세요! 확인 후 페이지에 반영해드릴게요. +

); } diff --git a/apps/web/src/pages/Home/index.tsx b/apps/web/src/pages/Home/index.tsx index 6be9e47..7925145 100644 --- a/apps/web/src/pages/Home/index.tsx +++ b/apps/web/src/pages/Home/index.tsx @@ -80,7 +80,7 @@ function Home() { return (
-
+
전국 대학 동아리를 한 곳에서 @@ -218,7 +218,7 @@ function UniversityCard({ university }: { university: University }) { return ( {universityLabel} diff --git a/apps/web/src/pages/RegisterClub/RegisterClubList/index.tsx b/apps/web/src/pages/RegisterClub/RegisterClubList/index.tsx index b985eee..0df9405 100644 --- a/apps/web/src/pages/RegisterClub/RegisterClubList/index.tsx +++ b/apps/web/src/pages/RegisterClub/RegisterClubList/index.tsx @@ -8,16 +8,16 @@ export default function RegisterClubList() { { id: 'koreatech', name: '한국기술교육대학교' }, ]; return ( -
-
-
+
+
+
입력하신 내용은 확인 후 동아리 상세 페이지에 등록돼요.
-
-
+ +

대학교명

diff --git a/apps/web/src/pages/RegisterClub/index.tsx b/apps/web/src/pages/RegisterClub/index.tsx index 9884e33..8aee1d8 100644 --- a/apps/web/src/pages/RegisterClub/index.tsx +++ b/apps/web/src/pages/RegisterClub/index.tsx @@ -33,9 +33,9 @@ export default function RegisterClub() { }, ]; return ( -
+
-
+
@@ -43,7 +43,7 @@ export default function RegisterClub() { 작성자 유형에 따라 필요한 항목이 다릅니다. 현재 상황에 맞는 항목을 선택해주세요.
-
+
{registerClubCards.map((card) => ( {card.imageAlt} @@ -74,7 +74,7 @@ function RegisterClubCard({ children: ReactNode; }) { const className = - 'border-text-100 focus-visible:outline-primary-500 flex h-92.75 w-82.75 flex-col items-center gap-10 rounded-[20px] border bg-[#ffffff] px-7.5 py-10 transition-[border-color,box-shadow] hover:border-primary-500 hover:shadow-[0_0_30px_0_rgba(105,191,223,0.30)] focus-visible:outline-2 focus-visible:outline-offset-2'; + 'border-text-100 focus-visible:outline-primary-500 flex min-h-92.75 w-full flex-col items-center gap-10 rounded-[20px] border bg-[#ffffff] px-7.5 py-10 transition-[border-color,box-shadow] hover:border-primary-500 hover:shadow-[0_0_30px_0_rgba(105,191,223,0.30)] focus-visible:outline-2 focus-visible:outline-offset-2 sm:w-82.75'; if (card.to) { return ( From 4b0606dd5c5afb30f2b8aeb024e6472917235f30 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=9D=B4=EC=A4=80=EC=98=81?= Date: Wed, 1 Jul 2026 10:53:05 +0900 Subject: [PATCH 2/2] =?UTF-8?q?refactor:=20InfoBadge=20=EA=B3=B5=EC=9C=A0?= =?UTF-8?q?=20=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=20=EC=B6=94=EC=B6=9C=20?= =?UTF-8?q?=EB=B0=8F=20bg-white=20=ED=86=A0=ED=81=B0=20=EC=A0=81=EC=9A=A9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Claude-Session: https://claude.ai/code/session_01Uph4TevGS4YtePTVFkFaoe --- apps/web/src/pages/RegisterClub/InfoBadge.tsx | 18 ++++++++++++++++++ .../RegisterClub/RegisterClubList/index.tsx | 6 ++---- apps/web/src/pages/RegisterClub/index.tsx | 8 +++----- 3 files changed, 23 insertions(+), 9 deletions(-) create mode 100644 apps/web/src/pages/RegisterClub/InfoBadge.tsx diff --git a/apps/web/src/pages/RegisterClub/InfoBadge.tsx b/apps/web/src/pages/RegisterClub/InfoBadge.tsx new file mode 100644 index 0000000..3dfc06a --- /dev/null +++ b/apps/web/src/pages/RegisterClub/InfoBadge.tsx @@ -0,0 +1,18 @@ +import type { ReactNode } from 'react'; +import { cn } from '@konect/utils/cn'; + +function InfoBadge({ children, className }: { children: ReactNode; className?: string }) { + return ( +
+
+ ); +} + +export default InfoBadge; diff --git a/apps/web/src/pages/RegisterClub/RegisterClubList/index.tsx b/apps/web/src/pages/RegisterClub/RegisterClubList/index.tsx index 0df9405..77aab38 100644 --- a/apps/web/src/pages/RegisterClub/RegisterClubList/index.tsx +++ b/apps/web/src/pages/RegisterClub/RegisterClubList/index.tsx @@ -1,5 +1,6 @@ import { useState } from 'react'; import UniversityDropdown from '@/components/UniversityDropdown'; +import InfoBadge from '../InfoBadge'; export default function RegisterClubList() { const [selectedUniversity, setSelectedUniversity] = useState(''); //dropdown 확인용 임시 데이터 @@ -10,10 +11,7 @@ export default function RegisterClubList() { return (
-
-
+ 동아리 소개 내용을 보내주세요 입력하신 내용은 확인 후 동아리 상세 페이지에 등록돼요.
diff --git a/apps/web/src/pages/RegisterClub/index.tsx b/apps/web/src/pages/RegisterClub/index.tsx index 8aee1d8..ba0f441 100644 --- a/apps/web/src/pages/RegisterClub/index.tsx +++ b/apps/web/src/pages/RegisterClub/index.tsx @@ -4,6 +4,7 @@ import { Link } from 'react-router-dom'; import EditClub from '@/assets/edit-club-detail.png'; import NewClub from '@/assets/new-club.png'; import Register from '@/assets/register-club.png'; +import InfoBadge from './InfoBadge'; export default function RegisterClub() { const registerClubCards = [ @@ -35,10 +36,7 @@ export default function RegisterClub() { return (
-
-
+ 동아리 정보 등록/수정 작성자 유형에 따라 필요한 항목이 다릅니다. 현재 상황에 맞는 항목을 선택해주세요. @@ -74,7 +72,7 @@ function RegisterClubCard({ children: ReactNode; }) { const className = - 'border-text-100 focus-visible:outline-primary-500 flex min-h-92.75 w-full flex-col items-center gap-10 rounded-[20px] border bg-[#ffffff] px-7.5 py-10 transition-[border-color,box-shadow] hover:border-primary-500 hover:shadow-[0_0_30px_0_rgba(105,191,223,0.30)] focus-visible:outline-2 focus-visible:outline-offset-2 sm:w-82.75'; + 'border-text-100 focus-visible:outline-primary-500 flex min-h-92.75 w-full flex-col items-center gap-10 rounded-[20px] border bg-white px-7.5 py-10 transition-[border-color,box-shadow] hover:border-primary-500 hover:shadow-[0_0_30px_0_rgba(105,191,223,0.30)] focus-visible:outline-2 focus-visible:outline-offset-2 sm:w-82.75'; if (card.to) { return (