45 lines
734 B
CSS
45 lines
734 B
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 cards styling */
|
|
.drive-card {
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.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;
|
|
} |