[style] 메인/마이페이지 반응형 및 UI 스타일 개선#423
Conversation
850px 이하에서 grid-cols-1로 바뀌며 카드가 6개→3개로 줄던 것을 smx 브레이크포인트를 제거해 항상 6칸 그리드·6개 카드가 유지되도록 변경. - 그리드를 항상 grid-cols-6 grid-rows-3로 - 숨김 처리되던 장식·소개 카드 3개의 hidden smx:* 제거 - FAQ 카드 col-span-4·bg-sky-800 고정(모바일용 라임 배경 제거) Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
850px 이하에서 grid-cols-1로 바뀌며 카드가 6개→3개로 줄던 것을 smx 브레이크포인트를 제거해 항상 6칸 그리드·6개 카드가 유지되도록 변경. - 그리드를 항상 grid-cols-6 grid-rows-3로 - 숨김 처리되던 장식·소개 카드 3개의 hidden smx:* 제거 - FAQ 카드 col-span-4·bg-sky-800 고정(모바일용 라임 배경 제거) Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
…elloGSM-client-26 into style/ui-tweaks
- 1440px 이하 2x2, 초과 시 4개 한 줄 (비율 기반 유동 폭) - 600px 이하 카드 제목 폰트 1.25rem 축소 (이모지 유지) Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
검색 input text/placeholder, 검색 아이콘, 구분선 색상을 입력 여부에 따라 #94a3b8(입력 전)/#292b2f(입력 후)로 함께 변경. SearchIcon에 color prop 추가 Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
- 지원학과 카드 높이 3rem(py-[0.62rem]), 블록 border-radius 0.5rem 적용 - 합격자 확인 블록을 Figma 디자인(1차 합격자 확인 카드)으로 교체 - 바로가기 버튼을 /check-result 이동으로 변경, PassResultDialog 제거 - 바로가기/다운로드 버튼을 Figma 파란 버튼 스타일로 통일 - FirstResultCheckIcon 에셋 추가 Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
마이페이지 지원학과 조회 카드/버튼 UI 개선
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
1 Skipped Deployment
|
yeondon125
requested review from
LeeSangHyeok0731,
h-0y28,
junjuny0227 and
s2yeons
![gemini-code-assist[bot]](https://avatars.githubusercontent.com/in/956858?s=60&v=4){kind=small}
There was a problem hiding this comment.
Code Review
This pull request introduces various UI and layout enhancements across several pages, including updating the mobile navigation alignment, refining responsive grid layouts on the main page, styling the FAQ search bar, and refactoring the MyPage component to use a new FirstResultCheckIcon and direct routing for checking results. The review feedback highlights two key improvement opportunities: first, replacing Next.js's router.push with window.open for downloading the external admission guide file to prevent routing errors, and second, simplifying the class merging utility call in MyPage by passing the buttonStyle array directly instead of using a redundant spread operator.
Important
The consumer version of Gemini Code Assist on GitHub is being sunset. Starting June 18, 2026, new organization installations will be blocked, and all code review activity will officially cease on July 17, 2026.
For more details on the timeline and next steps, please review the Help Documentation.
router.push는 내부 SPA 라우팅용이라 외부 CDN .hwp 다운로드에 부적합하여
window.open('_blank')으로 교체하고 미사용 useRouter import를 제거
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
buttonStyle은 이미 배열이므로 cn([...buttonStyle]) 대신 cn(buttonStyle)로 전달 Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
s2yeons
changed the title
3 participants
개요 💡
메인페이지·마이페이지·모의성적계산·FAQ 등 전반의 반응형/UI 스타일을 개선하고, 마이페이지 합격자 확인 흐름을 모달에서 전용 페이지(
/check-result) 이동 방식으로 변경했습니다.작업내용 ⌨️
0.75rem로 통일, 좌우 여백 조정0.75rem통일, 타이틀 반응형 폰트bg-[#F8FAFC]) 추가SearchIcon에colorprop 추가PassResultDialog모달 대신/check-result페이지 이동으로 변경(FirstResultCheckIcon신규 추가), 지원학과 조회 카드/버튼 UI 개선스크린샷/동영상 📸
리뷰 요청사항 👀