회의예약 화면 레이아웃 개선

- 하단 액션 바에 콘텐츠가 가려지는 문제 수정
  - 모바일/데스크톱 모두 padding-bottom: 120px 적용
- Validation 시 입력란이 헤더에 가려지는 문제 수정
  - html에 scroll-padding-top: 80px 추가
  - 자동 스크롤 시 헤더 높이만큼 여백 확보

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
yabo0812 2025-10-23 12:59:34 +09:00
parent b9ff435a5c
commit 386d035bb1
4 changed files with 5 additions and 15 deletions

View File

@ -1,11 +0,0 @@
{
"permissions": {
"allow": [
"Bash(git add:*)",
"Bash(git commit:*)",
"Bash(git push)"
],
"deny": [],
"ask": []
}
}

View File

@ -8,16 +8,16 @@
<style> <style>
/* 메인 콘텐츠 */ /* 메인 콘텐츠 */
.main-content { .main-content {
margin-top: 64px; margin-top: 80px; /* 헤더 높이 + 여유 공간 확보 */
padding: var(--space-md); padding: var(--space-md);
padding-bottom: 80px; padding-bottom: 120px; /* 하단 액션 바 높이 + 여유 공간 확보 */
} }
/* 데스크톱: 메인 콘텐츠 조정 */ /* 데스크톱: 메인 콘텐츠 조정 */
@media (min-width: 768px) { @media (min-width: 768px) {
.main-content { .main-content {
padding: var(--space-xl); padding: var(--space-xl);
padding-bottom: var(--space-xl); padding-bottom: 120px; /* 하단 액션 바 높이 + 여유 공간 확보 */
max-width: 1200px; max-width: 1200px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;

View File

@ -1095,7 +1095,7 @@
<!-- 하단 액션 바 --> <!-- 하단 액션 바 -->
<div class="action-bar"> <div class="action-bar">
<button class="btn btn-secondary" onclick="navigateTo('10-회의록수정.html')">수정</button> <button class="btn btn-secondary" onclick="navigateTo('11-회의록수정.html')">수정</button>
</div> </div>
<script src="common.js"></script> <script src="common.js"></script>

View File

@ -88,6 +88,7 @@ html {
font-size: 16px; font-size: 16px;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
scroll-padding-top: 80px; /* 헤더 높이만큼 스크롤 여백 확보 */
} }
body { body {