fix/레이아웃, 컴포넌트 등 디자인 수정#397
Merged
Merged
Conversation
카드 컴포넌트의 패딩값을 유지보수를 위해 부모에서 컨트롤 하도록 합니다. 카드헤더 등등 내부에서 패딩값을 넣어서 쓰는 부분들을 정리하였습니다.
자세히 보니 그림자를 사용하는게 많아서 기본 컴포넌트는 border-none으로 바꿉니다.
sdk-kr
approved these changes
Mar 8, 2026
Contributor
sdk-kr
left a comment
sdk-kr
left a comment
There was a problem hiding this comment.
LGTM! 👍
모바일 화면 활용도를 높이는 좋은 개선입니다! 특히:
- Card 컴포넌트 패딩/마진 정리로 모바일에서 콘텐츠 영역이 넓어진 점이 좋습니다.
- 다크모드 card/popover 색상을 중립 톤으로 바꿔서 전체적으로 더 자연스러워졌네요.
- 검색폼 모바일에서 네이티브 select 사용한 것도 UX 측면에서 실용적인 판단입니다.
- 7개 리스트 레이아웃에 일관되게 모바일 풀폭 적용한 것도 꼼꼼합니다.
드로워 방향 이슈는 후속 PR로 맞춰도 될 것 같습니다. 좋은 기여 감사합니다!
sdk-kr
pushed a commit
that referenced
this pull request
Mar 9, 2026
#453에서 덮어쓴 #397 변경사항 복원: - card.svelte: rounded-xl → rounded-none md:rounded-xl - default-layout: px-2 → px-5, -mx-5 카드 확장 복원 - [boardId]/+page.svelte: 불필요한 bg-card 외부 래퍼 제거
sdk-kr
pushed a commit
that referenced
this pull request
Mar 9, 2026
#453에서 덮어쓴 #397 변경사항 복원: - card.svelte: rounded-xl → rounded-none md:rounded-xl - default-layout: px-2 → px-5, -mx-5 카드 확장 복원 - [boardId]/+page.svelte: 불필요한 bg-card 외부 래퍼 제거
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
2 participants
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.
모바일에서 (768px 미만) main 기본 레이아웃 좌우 margin을 수정하고,
카드 컴포넌트의 경우 음수마진을 적용해 카드 밖/내부 패딩과 마진이 두번 적용되지 않도록 하여
조금이라도 화면을 넓게 쓰도록 반영했습니다.
위의 음수마진 들어가는 레이아웃을 list 에도 적용하였습니다.
그리고 다크모드 색상이 tailwind 기본값 (푸른색 계열)로 적용되어 있는것도 수정하였습니다.
근데.. 제가 작업하는 동안 검색창이나 햄버거 메뉴 위치가 바뀌어서 이건 코드상으로는 충돌이 없지만
모바일에서 햄버거메뉴가 왼쪽이라 왼쪽에서 열리게 했는데 다시 보니 햄버거 메뉴가 오른쪽으로 가있는 식으로
안맞는 부분이 생겨버렸습니다 ㅜ