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:
@@ -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">
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user