Taehoon/ITAM
2
0
Fork 0
Code Issues 24 Pull Requests Actions Packages Projects Releases Wiki Activity

Design: 대시보드 하단 표 세로비율 확장 및 스크롤바 제거

Browse Source
This commit is contained in:
주완기
2026-06-17 09:28:06 +09:00
parent 8451101325
commit abc531a41e
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/views/Dashboard/HwDashboard.ts
View File

@@ -42,8 +42,8 @@ export function renderHwDashboard(container: HTMLElement) {
</div>
</div>
<!-- 상단 섹션 (전체 높이의 약 45% 차지, stat-card와 donut/aging 나열) -->
<div style="display: grid; grid-template-columns: 1fr 1.25fr; gap: 0.75rem; height: 43%; min-height: 0; flex-shrink: 0; margin-bottom: 0.1rem;">
<!-- 상단 섹션 (전체 높이의 약 35% 차지, stat-card와 donut/aging 나열) -->
<div style="display: grid; grid-template-columns: 1fr 1.25fr; gap: 0.75rem; height: 33%; min-height: 0; flex-shrink: 0; margin-bottom: 0.1rem;">
<!-- 상단 좌측: 핵심 지표 4개 카드 그리드 -->
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; height: 100%;">
@@ -175,7 +175,7 @@ export function renderHwDashboard(container: HTMLElement) {
</div>
<!-- 하단 섹션 (등급별 자산 종합 현황 및 사양 적정성 분석 대형 카드) -->
<div style="background: #ffffff; border-radius: 12px; border: 1px solid #E2E8F0; padding: 1.25rem; box-shadow: 0 4px 12px rgba(0,0,0,0.03); display: flex; flex-direction: column; height: 53%; min-height: 0; transition: all 0.25s ease;"
<div style="background: #ffffff; border-radius: 12px; border: 1px solid #E2E8F0; padding: 1.25rem; box-shadow: 0 4px 12px rgba(0,0,0,0.03); display: flex; flex-direction: column; height: 63%; min-height: 0; transition: all 0.25s ease;"
onmouseover="this.style.boxShadow='0 8px 24px rgba(0,0,0,0.05)';" onmouseout="this.style.boxShadow='0 4px 12px rgba(0,0,0,0.03)';">
<div style="display: flex; flex-direction: column; gap: 0.6rem; justify-content: flex-start; height: 100%;">
<!-- 메인 제목 -->