fix: 모든 페이지 상단 패딩 통일 및 최적화 - 헤더 간격 개선

🎯 Issue: 수신함 페이지 헤더 간격 과도하게 넓음 + 페이지별 불일치
- 수신함, 관리자: padding-top 120px (너무 넓음)
- 부적합 조회, 일일공수, 프로젝트 관리: 상단 패딩 없음 (헤더 겹침 위험)

🔧 Solution: 모든 페이지 padding-top 80px로 통일

📱 Updated Pages:
 issues-inbox.html: 120px → 80px
 issue-view.html: 없음 → 80px
 daily-work.html: 없음 → 80px
 project-management.html: 없음 → 80px
 admin.html: 120px → 80px
 index.html (목록관리): 120px → 80px
 index.html (보고서): 120px → 80px
 issues-archive.html: 120px → 80px
 issues-management.html: 120px → 80px

🎨 Layout Improvements:
- 헤더와 본문 사이 최적 간격 확보
- 모든 페이지 일관성 있는 레이아웃
- 공간 효율성 향상 (불필요한 여백 제거)
- 시각적 균형감 개선

🎯 UX Benefits:
- 통일된 페이지 간격으로 일관성 있는 경험
- 적절한 헤더 간격으로 가독성 향상
- 공간 활용도 증대로 콘텐츠 집중도 향상
- 모바일/데스크톱 모든 환경에서 최적화

Expected Result:
 모든 페이지에서 동일한 헤더 간격
 헤더와 본문 사이 최적 거리 확보
 일관성 있는 레이아웃 경험
 공간 효율성 및 가독성 향상
This commit is contained in:
Hyungi Ahn
2025-10-25 12:55:32 +09:00
parent 57b41a9e5e
commit 7b9dfddec3
8 changed files with 9 additions and 9 deletions

View File

@@ -99,7 +99,7 @@
<!-- 공통 헤더가 여기에 자동으로 삽입됩니다 -->
<!-- Main Content -->
<main class="container mx-auto px-4 py-8 max-w-6xl content-fade-in" style="padding-top: 120px;">
<main class="container mx-auto px-4 py-8 max-w-6xl content-fade-in" style="padding-top: 80px;">
<div class="grid md:grid-cols-2 gap-6">
<!-- 사용자 추가 섹션 -->
<div class="bg-white rounded-xl shadow-sm p-6">

View File

@@ -133,7 +133,7 @@
<!-- 공통 헤더가 여기에 자동으로 삽입됩니다 -->
<!-- 메인 컨텐츠 -->
<main class="container mx-auto px-4 py-6 max-w-2xl content-fade-in">
<main class="container mx-auto px-4 py-6 max-w-2xl content-fade-in" style="padding-top: 80px;">
<!-- 입력 카드 -->
<div class="work-card p-6 mb-6">
<h2 class="text-lg font-semibold text-gray-800 mb-6">

View File

@@ -381,7 +381,7 @@
</section>
<!-- 목록 관리 섹션 -->
<section id="listSection" class="hidden container mx-auto px-4 py-6 content-fade-in" style="padding-top: 120px;">
<section id="listSection" class="hidden container mx-auto px-4 py-6 content-fade-in" style="padding-top: 80px;">
<div class="bg-white rounded-xl shadow-sm p-6">
<div class="mb-4">
<div class="flex justify-between items-center mb-4">
@@ -440,7 +440,7 @@
</section>
<!-- 보고서 섹션 -->
<section id="summarySection" class="hidden container mx-auto px-4 py-6 content-fade-in" style="padding-top: 120px;">
<section id="summarySection" class="hidden container mx-auto px-4 py-6 content-fade-in" style="padding-top: 80px;">
<div class="bg-white rounded-xl shadow-sm p-6">
<div class="flex justify-between items-center mb-6">
<h2 class="text-lg font-semibold text-gray-800">작업 보고서</h2>

View File

@@ -109,7 +109,7 @@
<!-- 공통 헤더가 여기에 자동으로 삽입됩니다 -->
<!-- Main Content -->
<main class="container mx-auto px-4 py-8 content-fade-in">
<main class="container mx-auto px-4 py-8 content-fade-in" style="padding-top: 80px;">
<!-- 페이지 헤더 -->
<div class="bg-white rounded-xl shadow-sm p-4 mb-6">
<div class="mb-4">

View File

@@ -66,7 +66,7 @@
<!-- 공통 헤더가 여기에 자동으로 삽입됩니다 -->
<!-- Main Content -->
<main class="container mx-auto px-4 py-8" style="padding-top: 120px;">
<main class="container mx-auto px-4 py-8" style="padding-top: 80px;">
<!-- 페이지 헤더 -->
<div class="bg-white rounded-xl shadow-sm p-6 mb-6">
<div class="flex items-center justify-between mb-4">

View File

@@ -125,7 +125,7 @@
<!-- 공통 헤더가 여기에 자동으로 삽입됩니다 -->
<!-- Main Content -->
<main class="container mx-auto px-4 py-8 content-fade-in" style="padding-top: 120px;">
<main class="container mx-auto px-4 py-8 content-fade-in" style="padding-top: 80px;">
<!-- 페이지 헤더 -->
<div class="bg-white rounded-xl shadow-sm p-6 mb-6">
<div class="flex items-center justify-between mb-4">

View File

@@ -72,7 +72,7 @@
<!-- 공통 헤더가 여기에 자동으로 삽입됩니다 -->
<!-- Main Content -->
<main class="container mx-auto px-4 py-8" style="padding-top: 120px;">
<main class="container mx-auto px-4 py-8" style="padding-top: 80px;">
<!-- 페이지 헤더 -->
<div class="bg-white rounded-xl shadow-sm p-6 mb-6">
<div class="flex items-center justify-between mb-4">

View File

@@ -89,7 +89,7 @@
<!-- 공통 헤더가 여기에 자동으로 삽입됩니다 -->
<!-- 메인 컨텐츠 -->
<main class="container mx-auto px-4 py-8 max-w-4xl content-fade-in">
<main class="container mx-auto px-4 py-8 max-w-4xl content-fade-in" style="padding-top: 80px;">
<!-- 프로젝트 생성 섹션 -->
<div class="bg-white rounded-xl shadow-sm p-6 mb-8">
<h2 class="text-lg font-semibold text-gray-800 mb-4">