70 lines
1.2 KiB
CSS
70 lines
1.2 KiB
CSS
/* Basic styling for Disk Checker */
|
|
.container {
|
|
max-width: 1200px;
|
|
}
|
|
|
|
.card {
|
|
transition: transform 0.2s;
|
|
}
|
|
|
|
.card:hover {
|
|
transform: translateY(-2px);
|
|
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
|
|
}
|
|
|
|
.badge {
|
|
font-size: 0.9rem;
|
|
}
|
|
|
|
/* Drive selector cards */
|
|
.drive-selector-card {
|
|
transition: all 0.2s ease;
|
|
}
|
|
|
|
.drive-selector-card .btn-check:checked + .btn {
|
|
background-color: #e7f1ff;
|
|
border-color: #0d6efd;
|
|
box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
|
|
}
|
|
|
|
.drive-selector-card .btn {
|
|
border-radius: 0.5rem;
|
|
padding: 1rem;
|
|
}
|
|
|
|
.drive-selector-card .btn:hover {
|
|
background-color: #f8f9fa;
|
|
}
|
|
|
|
.drive-selector-card .btn-check:checked + .btn:hover {
|
|
background-color: #e7f1ff;
|
|
}
|
|
|
|
/* General drive cards */
|
|
.drive-card {
|
|
transition: all 0.3s ease;
|
|
height: 100%;
|
|
}
|
|
|
|
.drive-card.available {
|
|
border-left: 4px solid #28a745;
|
|
}
|
|
|
|
.drive-card.disabled {
|
|
border-left: 4px solid #6c757d;
|
|
opacity: 0.7;
|
|
}
|
|
|
|
.drive-card:hover:not(.disabled) {
|
|
transform: translateY(-2px);
|
|
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
|
|
}
|
|
|
|
/* Make disabled cards look unavailable */
|
|
.drive-card.disabled .card-title {
|
|
color: #6c757d;
|
|
}
|
|
|
|
.drive-card.disabled .card-text {
|
|
color: #6c757d;
|
|
} |