fix(attendance): 월간 근태 상단 UI 개선

- 날짜+조회 좌측, 휴무일+Excel 우측 분리 배치
- 보조 버튼에 아이콘 추가 + 크기 축소
- 불필요한 요약 통계 카드 제거 (전체인원/총근무시간 등)
- flex-wrap 적용으로 모바일 대응

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Hyungi Ahn
2026-03-31 07:48:10 +09:00
parent 2357744b02
commit 666f0f2df4

View File

@@ -403,25 +403,19 @@
<h1 class="page-title">월별 출근부</h1>
<p class="page-description">전체 작업자의 월별 출근 현황을 확인합니다</p>
</div>
<div class="page-actions">
<input type="month" id="selectedMonth" class="form-control" style="width: auto;">
<button class="btn btn-primary" onclick="loadMonthlyData()">
조회
</button>
<button class="btn btn-secondary" onclick="openHolidayModal()">
휴무일 설정
</button>
<button class="btn btn-secondary" onclick="exportToExcel()">
Excel 내보내기
</button>
</div>
</div>
<!-- 요약 통계 -->
<div class="content-section">
<div class="summary-row" id="summaryRow">
<!-- 동적 렌더링 -->
<div style="display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px; margin-bottom:16px;">
<div style="display:flex; align-items:center; gap:8px;">
<input type="month" id="selectedMonth" class="form-control" style="width:auto;">
<button class="btn btn-primary" onclick="loadMonthlyData()">조회</button>
</div>
<div style="display:flex; align-items:center; gap:8px;">
<button class="btn btn-secondary btn-sm" onclick="openHolidayModal()" title="휴무일 설정">
<i class="fas fa-calendar-xmark"></i> 휴무일
</button>
<button class="btn btn-secondary btn-sm" onclick="exportToExcel()" title="Excel 내보내기">
<i class="fas fa-file-excel"></i> Excel
</button>
</div>
</div>
@@ -729,7 +723,6 @@
}
renderTable();
renderSummary();
} catch (error) {
console.error('데이터 로드 오류:', error);