feat: 서버 상세 모달 그룹화 및 전역 UI/UX 통일, 조회/수정 모드 구현

주요 변경 사항:
- 서버 자산 상세 정보 4개 그룹(Identity, Connectivity, Specs, Operation)으로 최적화
- 모달 내 조회/수정 모드 전환 및 수정 강조색(#FF3D00) 적용
- 모든 모달의 버튼 사이즈 및 폰트 스타일 가이드 준수 통일
- 수정 취소(Revert) 기능 및 누락된 대시보드 상세 모달 추가
- TypeScript 타입 오류 및 런타임 렌더링 결함 긴급 복구
This commit is contained in:
2026-04-15 12:15:59 +09:00
parent 3c28c664da
commit 7c4ccf6bba
16 changed files with 743 additions and 520 deletions

View File

@@ -215,14 +215,22 @@ body {
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
padding: 0.5rem 1rem;
padding: 0.5rem 1.25rem; /* 표준 사이즈로 통일 */
font-size: 0.875rem;
font-weight: 500;
border-radius: 4px;
cursor: pointer;
transition: all 0.2s;
line-height: 1;
min-width: 80px; /* 버튼의 최소 너비 확보 */
}
.btn-sm {
padding: 0.25rem 0.5rem;
font-size: 0.75rem;
min-width: auto;
}
.btn i { width: 16px; height: 16px; }
@@ -242,9 +250,6 @@ body {
background-color: transparent;
color: var(--primary-color);
border: 1px solid var(--primary-color);
padding: 0.25rem 0.5rem;
font-size: 0.75rem;
font-weight: 500;
white-space: nowrap;
}
@@ -379,3 +384,7 @@ tbody tr:hover { background-color: var(--bg-color); }
font-size: 0.875rem;
color: var(--text-muted);
}
.hidden {
display: none !important;
}