회의록 목록조회 화면 반응형 레이아웃 개선

- 가로폭이 넓을 때 과도한 좌우 여백 문제 해결
- 데스크톱(768px~): max-width 1400px 적용
- 큰 화면(1440px~): max-width 1600px으로 확장
- 화면 크기 변화에 따라 자연스럽게 컨텐츠 영역 조정

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
yabo0812 2025-10-22 10:52:09 +09:00
parent a4541b7ec1
commit dbd8f08886

View File

@ -74,6 +74,14 @@
margin-left: 240px; /* 사이드바 너비만큼 왼쪽 여백 추가 */
padding: var(--space-xl);
padding-bottom: var(--space-xl);
max-width: 1400px; /* 최대 너비 설정으로 과도한 좌우 여백 방지 */
}
}
/* 큰 화면: 컨텐츠를 더 넓게 활용 */
@media (min-width: 1440px) {
.main-content {
max-width: 1600px;
}
}