Files
TVGuide/app/public/assets/css/modal.css
T
2026-07-07 10:14:34 +02:00

79 lines
1.3 KiB
CSS

.programme-modal[hidden] {
display: none;
}
.programme-modal {
position: fixed;
inset: 0;
z-index: 999;
}
.programme-modal-backdrop {
position: absolute;
inset: 0;
background: rgba(2, 6, 23, 0.78);
backdrop-filter: blur(3px);
}
.programme-modal-card {
position: relative;
width: min(620px, calc(100vw - 32px));
margin: 10vh auto;
background: var(--panel);
border: 1px solid var(--border);
border-radius: 22px;
padding: 28px;
box-shadow: 0 24px 80px rgba(0, 0, 0, 0.55);
}
.programme-modal-close {
position: absolute;
top: 14px;
right: 14px;
width: 38px;
height: 38px;
padding: 0;
border-radius: 999px;
font-size: 1.5rem;
line-height: 1;
}
.programme-modal-time {
color: var(--muted);
font-weight: 800;
margin-bottom: 8px;
}
.programme-modal-card h2 {
margin: 0 46px 8px 0;
font-size: 1.7rem;
}
.programme-modal-subtitle {
color: #cbd5e1;
font-size: 1.05rem;
margin-bottom: 12px;
}
.programme-modal-category {
display: inline-block;
margin-bottom: 14px;
padding: 5px 10px;
border-radius: 999px;
background: var(--panel-3);
color: #dbeafe;
font-size: 0.85rem;
font-weight: 700;
}
.programme-modal-category:empty,
.programme-modal-subtitle:empty {
display: none;
}
.programme-modal-card p {
color: #dbe4ef;
line-height: 1.55;
margin: 0;
}