feat(ui): 내부 화면 위계·밀도 정리 - #108
Merged
Merged
Conversation
사이드바(#eef1f6), 본문 배경(#f4f6fa), 카드(#fff) 가 전부 옅은 회색이라 세 층이 한 덩어리로 보였다. 사이드바를 라이트 테마에서도 짙게 둔다. - 사이드바 안쪽 색은 .sidebar 에 토큰만 다시 정의해 갈아끼운다. 안의 규칙들이 전부 --text-*, --accent-* 를 보고 있어서 규칙은 하나도 안 고쳤다 - 엠블럼이 짙은 남색이라 어두운 사이드바에서 묻혀 흰 실루엣으로 뒤집는다 - 표 상하 여백 16px → 10px. 학생 목록 한 행이 75px 이라 열두 줄짜리 목록이 한 화면에 여덟 줄만 들어왔다. 42px 로 줄어 열두 줄이 다 보인다 - 학생 목록 열 너비 재배분. 남는 폭을 진로희망이 333px 까지 가져가는 동안 학년은 한 글자가 모자라 '1학/년' 으로 접혔다(필요 31px, 가용 28px) - 가운데 정렬 칸과 학번·날짜는 접지 않는다 - --radius 4px → 8px, 하드코딩된 4px 모서리를 토큰으로 Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
다크는 사이드바(#222b36)가 본문 배경(#1b222c)보다 밝아서, 라이트에서 고친 '세 층이 한 덩어리' 가 그대로 남아 있었다. 사이드바를 제일 어두운 층으로 통일한다(#0f141c, 랜딩 푸터와 같은 톤).
Owner
Author
|
CI 트리거 재시도 |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
사이드바·본문배경·카드가 전부 옅은 회색이라 세 층이 한 덩어리로 보이던 것과, 표가 너무 헐렁하던 것을 고친다.
.sidebar에 토큰만 다시 정의해서 안쪽 규칙은 안 고쳤다1학/년으로 접혔다(필요 31px, 가용 28px). 진로희망은 333px 를 쓰고 있었다--radius4px → 8px확인: 라이트·다크 × 데스크탑(1512)·모바일(375) 네 조합.