120 lines
2.5 KiB
CSS
120 lines
2.5 KiB
CSS
/* ===== 공통 파일 카드 컴팩트 스타일 ===== */
|
|
.file-card-compact {
|
|
transition: all 0.2s ease;
|
|
background: #fff;
|
|
min-width: 120px;
|
|
max-width: 200px;
|
|
}
|
|
|
|
.file-card-compact:hover {
|
|
box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
|
|
transform: translateY(-2px);
|
|
}
|
|
|
|
.file-card-compact a {
|
|
font-size: 0.9rem;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
max-width: 180px;
|
|
}
|
|
|
|
/* ===== 목록별 버튼 분리 규칙 ===== */
|
|
|
|
/* 처리된 파일 목록 전용 컨테이너(보기/삭제 2열) */
|
|
.processed-list .file-card-buttons {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
gap: .5rem;
|
|
}
|
|
|
|
/* 보기(처리된) */
|
|
.processed-list .btn-view-processed {
|
|
border-color: #3b82f6;
|
|
color: #1d4ed8;
|
|
padding: .425rem .6rem;
|
|
font-size: .8125rem;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.processed-list .btn-view-processed:hover {
|
|
background: rgba(59, 130, 246, .08);
|
|
}
|
|
|
|
/* 삭제(처리된) — 더 작게 */
|
|
.processed-list .btn-delete-processed {
|
|
border-color: #ef4444;
|
|
color: #b91c1c;
|
|
padding: .3rem .5rem;
|
|
font-size: .75rem;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.processed-list .btn-delete-processed:hover {
|
|
background: rgba(239, 68, 68, .08);
|
|
}
|
|
|
|
/* 백업 파일 목록 전용 컨테이너(단일 버튼) */
|
|
.backup-list .file-card-single-button {
|
|
display: flex;
|
|
margin-top: .25rem;
|
|
}
|
|
|
|
/* 보기(백업) — 강조 색상 */
|
|
.backup-list .btn-view-backup {
|
|
width: 100%;
|
|
border-color: #10b981;
|
|
color: #047857;
|
|
padding: .45rem .75rem;
|
|
font-size: .8125rem;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.backup-list .btn-view-backup:hover {
|
|
background: rgba(16, 185, 129, .08);
|
|
}
|
|
|
|
/* ===== 백업 파일 날짜 헤더 ===== */
|
|
.list-group-item .bg-light {
|
|
transition: background-color 0.2s ease;
|
|
}
|
|
|
|
.list-group-item:hover .bg-light {
|
|
background-color: #e9ecef !important;
|
|
}
|
|
|
|
/* ===== 진행바 애니메이션 ===== */
|
|
.progress {
|
|
border-radius: 10px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.progress-bar {
|
|
transition: width 0.6s ease;
|
|
}
|
|
|
|
/* ===== 반응형 텍스트 ===== */
|
|
@media (max-width: 768px) {
|
|
.card-body {
|
|
padding: 1.5rem !important;
|
|
}
|
|
}
|
|
|
|
/* ===== 스크롤바 스타일링(모달) ===== */
|
|
.modal-body pre::-webkit-scrollbar {
|
|
width: 8px;
|
|
height: 8px;
|
|
}
|
|
|
|
.modal-body pre::-webkit-scrollbar-track {
|
|
background: #f1f1f1;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.modal-body pre::-webkit-scrollbar-thumb {
|
|
background: #888;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.modal-body pre::-webkit-scrollbar-thumb:hover {
|
|
background: #555;
|
|
} |