CinePlex/css/activity-viewer.css

68 lines
1.3 KiB
CSS
Raw Permalink Normal View History

2025-07-12 12:56:04 +02:00
#activityViewerModal .modal-body {
max-height: 70vh;
overflow-y: auto;
}
.session-card {
display: flex;
gap: 1.5rem;
padding: 1.2rem;
background-color: var(--glass);
border: 1px solid var(--glass-border);
border-radius: var(--border-radius-md);
margin-bottom: 1rem;
transition: var(--transition);
}
.session-card:hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: var(--accent);
}
.session-poster {
width: 80px;
height: 120px;
object-fit: cover;
border-radius: var(--border-radius-sm);
flex-shrink: 0;
}
.session-info {
display: flex;
flex-direction: column;
flex-grow: 1;
gap: 1rem;
}
.session-details p {
margin: 0 0 0.5rem 0;
font-size: 0.9rem;
color: var(--text-secondary);
}
.session-details strong {
color: var(--text-primary);
font-weight: 600;
}
.session-identifier {
margin-top: auto;
}
.session-identifier label {
font-size: 0.8rem;
font-weight: 500;
color: var(--text-secondary);
margin-bottom: 0.25rem;
}
.session-identifier .input-group .form-control {
background-color: var(--primary) !important;
font-family: monospace;
font-size: 0.85rem;
}
#activity-results .empty-state {
padding: 2rem;
margin-top: 1rem;
}