mirror of
https://github.com/hwanny1128/HGZero.git
synced 2025-12-06 07:56:24 +00:00
회의예약 화면 레이아웃 개선
- 하단 액션 바에 콘텐츠가 가려지는 문제 수정 - 모바일/데스크톱 모두 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:
parent
b9ff435a5c
commit
386d035bb1
@ -1,11 +0,0 @@
|
|||||||
{
|
|
||||||
"permissions": {
|
|
||||||
"allow": [
|
|
||||||
"Bash(git add:*)",
|
|
||||||
"Bash(git commit:*)",
|
|
||||||
"Bash(git push)"
|
|
||||||
],
|
|
||||||
"deny": [],
|
|
||||||
"ask": []
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -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;
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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 {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user