Skip to content

feat: 웹페이지 리뉴얼#133

Merged
recoma96 merged 4 commits into
mainfrom
feat/recoma96/renewal_web
Apr 8, 2026
Merged

feat: 웹페이지 리뉴얼#133
recoma96 merged 4 commits into
mainfrom
feat/recoma96/renewal_web

Conversation

@recoma96
Copy link
Copy Markdown
Owner

@recoma96 recoma96 commented Apr 8, 2026

📝 주요 변경 내용 (Description)

검색 페이지 리뉴얼

  • 페이지 제목을 "Trailine 코스 찾기"로 변경하고 페이지 목적 설명 문구 추가
  • 필터 드롭다운과 검색 입력창을 카드로 감싸고, 구분선(divider)으로 필터/검색 영역 분리
  • 필터 초기화 버튼 추가 (필터가 활성화된 경우에만 표시)
  • 코스 목록을 테이블에서 가로형 카드 리스트로 변경 (난이도 뱃지 + 코스명/주소 + 코스 스타일 태그)

상세 페이지 리뉴얼

  • 코스 목록으로 돌아가기 네비게이션 링크 추가
  • 코스명 스타일링 적용 및 코스 스타일 뱃지, 주소 위치 아이콘 추가
  • 난이도/길이/소요시간 영역을 카드로 감싸고 모바일 반응형 레이아웃 적용
  • 코스 설명 박스에 bg-base-200 배경 + "코스 소개" 라벨 추가
  • bg-gray-100 → bg-base-200으로 DaisyUI 테마 색상 통일

공통 컴포넌트 개선

  • ImageSlider: 고정 height prop → Tailwind 클래스 기반 반응형 높이(heightClassName) 지원
  • CourseIntervalDetail: 아코디언 제목을 난이도 뱃지 + 구간명 + 거리·시간 보조텍스트로 분리, 구간 설명을 이미지 위로 배치

🔗 관련 이슈 (Related Issues)

recoma96 added 4 commits April 8, 2026 09:45
테이블 -> 카드형으로 전환
필터 리셋 버튼 추기
목록 돌아가기 링크 추가 — 좌측 상단에 ← 코스 목록으로 돌아가기 네비게이션
코스명 스타일링 — text-2xl font-bold 적용
코스 스타일 뱃지 추가 — 코스명 바로 아래에 badge-outline으로 표시
주소에 위치 아이콘 추가 — 맵 핀 SVG + text-base-content/60 보조 색상
난이도/길이/시간 카드로 감싸기 — card border border-base-content/10 적용
난이도/길이/시간 반응형 처리 — 모바일: 길이|시간(위) + 난이도(아래) 세로 배치, 데스크톱: 가로 배치
bg-gray-100 → bg-base-200 — DaisyUI 테마 색상으로 통일
코스 설명 박스 개선 — bg-base-200 배경 + "코스 소개" 라벨 추가
이미지 슬라이더 반응형 높이 — 고정 700px → 모바일 250px / 데스크톱 700px
@recoma96 recoma96 self-assigned this Apr 8, 2026
@recoma96 recoma96 linked an issue Apr 8, 2026 that may be closed by this pull request
@recoma96 recoma96 merged commit 32872b1 into main Apr 8, 2026
1 check passed
@recoma96 recoma96 deleted the feat/recoma96/renewal_web branch April 8, 2026 04:20
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

웹페이지 전반 리뉴얼

1 participant