From ade94c9b2641380a63663c0beb1c72dae32cfa6c Mon Sep 17 00:00:00 2001 From: Yonghun Yi Date: Mon, 24 Aug 2026 08:44:46 +0900 Subject: [PATCH 01/37] =?UTF-8?q?style:=20=ED=99=88=20=ED=8E=98=EC=9D=B4?= =?UTF-8?q?=EC=A7=80=20=EB=A0=88=EC=9D=B4=EC=95=84=EC=9B=83=20=EA=B0=9C?= =?UTF-8?q?=EC=84=A0=20=E2=80=94=20=EC=84=B9=EC=85=98=20=EC=9E=AC=EB=B0=B0?= =?UTF-8?q?=EC=B9=98=20=EB=B0=8F=20=EB=B0=80=EB=8F=84=20=ED=96=A5=EC=83=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 섹션 순서 변경: 주변 철봉(핵심 기능)을 최상단으로 이동 - 주석 처리된 미사용 섹션 전부 제거 (공지, 광고, 아티클, 채팅) - Hero: 스크롤 시 높이 전환 애니메이션 추가, 중복 web:/mo: 클래스 간결화 - SearchInput: 상단 패딩 줄여 Hero와 시각적 연결 - 주변 철봉: '더보기' 버튼 추가, 카드 너비 확대 - 이미지 섹션: 타이틀 간결화 ('최근 추가된 이미지', '총 N개') --- app/(home)/page.tsx | 28 ++----------------- .../pages/home/around-marker-carousel.tsx | 11 ++++++-- components/pages/home/hero-sticky-header.tsx | 21 +++++++------- components/pages/home/new-image-section.tsx | 4 +-- components/pages/home/search-input.tsx | 2 +- 5 files changed, 25 insertions(+), 41 deletions(-) diff --git a/app/(home)/page.tsx b/app/(home)/page.tsx index 2206a24..c50f9f9 100644 --- a/app/(home)/page.tsx +++ b/app/(home)/page.tsx @@ -29,39 +29,17 @@ const Home = async () => {
-
+ + +
- {/*
- -
*/} - - {/* */} - - {/*
- -
- -
- -
*/} - - - {!isNewPicturesError(images) && ( )} - {/*
- - -
*/} -
diff --git a/components/pages/home/around-marker-carousel.tsx b/components/pages/home/around-marker-carousel.tsx index e610285..6543072 100644 --- a/components/pages/home/around-marker-carousel.tsx +++ b/components/pages/home/around-marker-carousel.tsx @@ -56,7 +56,7 @@ const AroundMarkerCarousel = () => { {[0, 1].map((key) => (
@@ -132,10 +132,15 @@ const AroundMarkerCarousel = () => { return (
- + router.push("/search/around")} + /> {data.map((marker, index) => ( - +
-
+
내 정보 관리 @@ -82,7 +82,7 @@ const Mypage = async () => { 설정 @@ -94,14 +94,14 @@ const Mypage = async () => { {/* 기여 등급 */} {!noUser && (
-
+
기여 등급
-
-
+
+
등급 { return (
-
+
@@ -24,7 +24,7 @@ const Loading = () => { {Array.from({ length: 4 }).map((_, index) => (
diff --git a/app/mypage/report/report-client.tsx b/app/mypage/report/report-client.tsx index 36d2064..647f9cd 100644 --- a/app/mypage/report/report-client.tsx +++ b/app/mypage/report/report-client.tsx @@ -53,7 +53,7 @@ const ReportClient = ({ deviceType={deviceType} >
-
+
내가 제안한 수정 목록 diff --git a/app/mypage/user/loading.tsx b/app/mypage/user/loading.tsx index 73593b5..cc57773 100644 --- a/app/mypage/user/loading.tsx +++ b/app/mypage/user/loading.tsx @@ -13,7 +13,7 @@ const Loading = () => { return (
-
+
@@ -24,7 +24,7 @@ const Loading = () => {
-
+
@@ -34,7 +34,7 @@ const Loading = () => {
-
+
diff --git a/app/not-found.tsx b/app/not-found.tsx index 8676c84..bc122ea 100644 --- a/app/not-found.tsx +++ b/app/not-found.tsx @@ -13,12 +13,12 @@ const NotFound = () => { return (
-
-
+
+
{ return (
-
+
{
-
+
{ >
-
+
-
+
-
+
@@ -39,7 +39,7 @@ const Loading = () => {
-
+
@@ -51,7 +51,7 @@ const Loading = () => {
-
+
diff --git a/app/pullup/[id]/moment/loading.tsx b/app/pullup/[id]/moment/loading.tsx index 8e80830..1f78c1b 100644 --- a/app/pullup/[id]/moment/loading.tsx +++ b/app/pullup/[id]/moment/loading.tsx @@ -46,7 +46,7 @@ const Loading = () => { } >
-
+
diff --git a/app/pullup/[id]/moment/moment-client.tsx b/app/pullup/[id]/moment/moment-client.tsx index 227851e..daffe1d 100644 --- a/app/pullup/[id]/moment/moment-client.tsx +++ b/app/pullup/[id]/moment/moment-client.tsx @@ -140,8 +140,8 @@ const MomentClient = ({ className="hidden" />
-
-
+
+
-
+
{loading ? "이미지 처리 중..." : "오늘의 운동 순간을 공유해보세요."} diff --git a/app/pullup/[id]/pullup-client.tsx b/app/pullup/[id]/pullup-client.tsx index b4d802c..4d3c218 100644 --- a/app/pullup/[id]/pullup-client.tsx +++ b/app/pullup/[id]/pullup-client.tsx @@ -143,21 +143,21 @@ const PullupClient = ({ (철봉.quantity <= 0 && 평행봉.quantity <= 0 && ( ))} {철봉 && 철봉.quantity > 0 && ( )} {평행봉 && 평행봉.quantity > 0 && ( )} @@ -201,7 +201,7 @@ const PullupClient = ({
{marker.username && ( -
+
@@ -244,7 +244,7 @@ const PullupClient = ({ setActiveIndex(index); }} className={` - grow whitespace-nowrap border-b-2 px-4 py-2 text-[15px] font-semibold transition-[color,border-color,background-color,transform] duration-180 ease-out active:scale-[0.99] active:bg-search-input-bg/55 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-primary/35 dark:active:bg-grey-dark/35 + grow whitespace-nowrap border-b-2 px-4 py-2 text-[15px] font-semibold transition-[color,border-color,background-color,transform] duration-180 ease-out active:scale-[0.99] active:bg-surface/55 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-primary/35 dark:active:bg-grey-dark/35 ${ activeIndex === index ? "border-primary-dark text-text-on-surface dark:text-grey-light" @@ -262,9 +262,9 @@ const PullupClient = ({ {providerInfo.slice(0, 3).map((comment) => (
-
+
{(user?.chulbong || user?.userId === comment.userId) && (
diff --git a/app/pullup/[id]/report/loading.tsx b/app/pullup/[id]/report/loading.tsx index 3c6cfd4..3d91855 100644 --- a/app/pullup/[id]/report/loading.tsx +++ b/app/pullup/[id]/report/loading.tsx @@ -29,7 +29,7 @@ const Loading = () => {
- +
@@ -46,8 +46,8 @@ const Loading = () => {
- - + + @@ -55,7 +55,7 @@ const Loading = () => {
-
+
diff --git a/app/pullup/[id]/report/report-client.tsx b/app/pullup/[id]/report/report-client.tsx index 225c4d5..df4aefa 100644 --- a/app/pullup/[id]/report/report-client.tsx +++ b/app/pullup/[id]/report/report-client.tsx @@ -297,7 +297,7 @@ const ReportClient = ({ placeholder="해당 위치에 대한 설명을 40자 이내로 작성해주세요." value={reportValue.description} onChange={handleDescChange} - className="bg-search-input-bg/45 dark:bg-black/35 dark:border-grey-dark/90" + className="bg-surface/45 dark:bg-black-light dark:border-grey-dark/90" /> 위치가 정확하지 않나요? -
+
현재 위치:{" "} @@ -333,7 +333,7 @@ const ReportClient = ({ {marker.address}
-
+
{changeAddr && ( <> @@ -356,7 +356,7 @@ const ReportClient = ({ > 위치 변경하기 - + 지도에서 위치를 수정할 위치를 클릭해 주세요!
{
-
+
diff --git a/app/search/around/around-client.tsx b/app/search/around/around-client.tsx index 7bc1e3d..fc6c16d 100644 --- a/app/search/around/around-client.tsx +++ b/app/search/around/around-client.tsx @@ -27,7 +27,7 @@ const AroundClient = ({ deviceType }: Props) => { className={cn( "relative isolate overflow-hidden", "p-6 rounded-2xl border border-white/70 dark:border-white/10", - "bg-search-input-bg/65 dark:bg-black/32 backdrop-blur-md", + "bg-surface/65 dark:bg-black-light/90 backdrop-blur-md", "shadow-[0_10px_24px_rgba(64,64,56,0.08)] dark:shadow-[0_10px_24px_rgba(0,0,0,0.3)]", "flex flex-col items-center text-center mt-6" )} diff --git a/app/search/loading.tsx b/app/search/loading.tsx index da589da..3ca414b 100644 --- a/app/search/loading.tsx +++ b/app/search/loading.tsx @@ -26,7 +26,7 @@ const Loading = () => { aria-label="검색 로딩 카드" className={cn( "w-full rounded-2xl border border-white/70 dark:border-white/10", - "bg-search-input-bg/70 dark:bg-black/35 p-4" + "bg-surface/70 dark:bg-black-light p-4" )} >
@@ -50,7 +50,7 @@ const Loading = () => { className={cn( "rounded-2xl overflow-hidden border", "border-white/70 dark:border-white/10", - "bg-search-input-bg/55 dark:bg-black/25" + "bg-surface/55 dark:bg-black/25" )} > {Array.from({ length: 6 }).map((_, index) => ( diff --git a/app/search/search-client.tsx b/app/search/search-client.tsx index 41ce6cd..798eb8b 100644 --- a/app/search/search-client.tsx +++ b/app/search/search-client.tsx @@ -187,7 +187,7 @@ const SearchClient = ({ className={cn( "relative isolate overflow-hidden", "w-full p-4 rounded-2xl border border-white/70 dark:border-white/10", - "bg-search-input-bg/70 dark:bg-black/35 backdrop-blur-md", + "bg-surface/70 dark:bg-black-light backdrop-blur-md", "shadow-[0_8px_24px_rgba(64,64,56,0.08)] dark:shadow-[0_8px_24px_rgba(0,0,0,0.28)]", "flex items-center gap-3 text-left group", "transition-[transform,box-shadow,border-color] duration-180 ease-out motion-reduce:transition-none", @@ -252,7 +252,7 @@ const SearchClient = ({ aria-label="최근 검색 전체 삭제" className={cn( "rounded-full px-3 py-1.5", - "bg-search-input-bg/70 dark:bg-white/5", + "bg-surface/70 dark:bg-white/5", "border border-white/70 dark:border-white/10", "transition-all duration-180 ease-out motion-reduce:transition-none", "hover:border-primary/40 dark:hover:border-primary-light/35", @@ -273,7 +273,7 @@ const SearchClient = ({ className={cn( "mt-3 rounded-2xl overflow-hidden", "border border-white/70 dark:border-white/10", - "bg-search-input-bg/55 dark:bg-black/25", + "bg-surface/55 dark:bg-black/25", "backdrop-blur-sm" )} > @@ -352,7 +352,7 @@ const SearchClient = ({ className={cn( "w-full mt-3 py-2.5 rounded-xl", "border border-white/70 dark:border-white/10", - "bg-search-input-bg/70 dark:bg-white/5", + "bg-surface/70 dark:bg-white/5", "text-text-on-surface-muted dark:text-grey-light", "transition-all duration-180 ease-out motion-reduce:transition-none", "hover:border-primary/45 dark:hover:border-primary-light/35 hover:bg-white/50 dark:hover:bg-white/8", @@ -373,7 +373,7 @@ const SearchClient = ({ className={cn( "relative isolate overflow-hidden mt-3 rounded-2xl p-3 space-y-2.5", "border border-white/70 dark:border-white/10", - "bg-search-input-bg/55 dark:bg-black/25", + "bg-surface/55 dark:bg-black/25", "backdrop-blur-sm" )} > diff --git a/app/signin/email/loading.tsx b/app/signin/email/loading.tsx index 4f801bf..5e4351f 100644 --- a/app/signin/email/loading.tsx +++ b/app/signin/email/loading.tsx @@ -16,11 +16,11 @@ const Loading = () => {
- + - +
diff --git a/app/social/chat/[code]/chat-detail-client.tsx b/app/social/chat/[code]/chat-detail-client.tsx index bad34a8..602b85f 100644 --- a/app/social/chat/[code]/chat-detail-client.tsx +++ b/app/social/chat/[code]/chat-detail-client.tsx @@ -154,7 +154,7 @@ const ChatDetailClient = ({
{isLoading && (
-
+
채팅방에 접속 중입니다. @@ -164,7 +164,7 @@ const ChatDetailClient = ({ )} {isConnectionError && !isLoading ? (
-
+
연결 실패
@@ -215,7 +215,7 @@ const ChatDetailClient = ({
-
+
- + {message.userNickname}님이 참여하였습니다.
@@ -269,7 +269,7 @@ const MessageBubble = ({ if (message.message?.includes("님이 퇴장하셨습니다.")) { return (
- + {message.userNickname}님이 나가셨습니다.
@@ -293,7 +293,7 @@ const MessageBubble = ({ className={`rounded-2xl px-4 py-2 text-sm shadow-xs ${ isMine ? "bg-primary text-white dark:bg-primary-dark" - : "border border-grey-light/85 bg-search-input-bg/70 text-text-on-surface dark:border-grey-dark/80 dark:bg-black/35 dark:text-grey-light" + : "border border-grey-light/85 bg-surface/70 text-text-on-surface dark:border-grey-dark/80 dark:bg-black-light dark:text-grey-light" }`} > {message.message} diff --git a/app/social/chat/[code]/error.tsx b/app/social/chat/[code]/error.tsx index 86f11c9..b8bdb11 100644 --- a/app/social/chat/[code]/error.tsx +++ b/app/social/chat/[code]/error.tsx @@ -15,12 +15,12 @@ const ErrorPage = ({ return (
-
-
+
+
{ >
-
+
@@ -50,7 +50,7 @@ const Loading = ({ params }: { params: { code: string } }) => {
-
+
diff --git a/app/social/loading.tsx b/app/social/loading.tsx index 939946f..643d519 100644 --- a/app/social/loading.tsx +++ b/app/social/loading.tsx @@ -33,9 +33,9 @@ const Loading = () => { {Array.from({ length: 4 }).map((_, index) => (
-
+
@@ -53,7 +53,7 @@ const Loading = () => {
-
+
@@ -65,7 +65,7 @@ const Loading = () => {
-
+
diff --git a/components/common/badge.tsx b/components/common/badge.tsx index 1b2d389..3387a3e 100644 --- a/components/common/badge.tsx +++ b/components/common/badge.tsx @@ -48,7 +48,7 @@ const Badge = ({ className={cn( `${ withBorder ? "border border-border dark:border-border-strong" : "" - } px-4 py-1 rounded-3xl inline-block select-none bg-surface dark:bg-black/35 text-text-on-surface dark:text-grey-light transition-colors duration-150 ${ + } px-4 py-1 rounded-3xl inline-block select-none bg-surface dark:bg-black-light text-text-on-surface dark:text-grey-light transition-colors duration-150 ${ isButton ? "cursor-pointer active:scale-[0.98] focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-primary/35" : "" diff --git a/components/common/bottom-fixed-button.tsx b/components/common/bottom-fixed-button.tsx index 2ec91b2..7bf5f14 100644 --- a/components/common/bottom-fixed-button.tsx +++ b/components/common/bottom-fixed-button.tsx @@ -14,7 +14,7 @@ const BottomFixedButton = ({ return (
diff --git a/components/common/bottom-sheet.tsx b/components/common/bottom-sheet.tsx index f8c8ab4..6ce9a8b 100644 --- a/components/common/bottom-sheet.tsx +++ b/components/common/bottom-sheet.tsx @@ -62,7 +62,7 @@ const BottomSheet = ({ {title}