feat: add video playback support in lightbox and photo grid
- Lightbox renders <video> with controls for video assets - PhotoGrid shows video indicator overlay on video thumbnails - Skip video preloading in lightbox (streams on demand) - Add video-related CSS styles - Update catch-all page to pass video URLs to components
This commit is contained in:
@@ -846,10 +846,19 @@
|
||||
letter-spacing: 0.02em;
|
||||
}
|
||||
|
||||
.album-header__description {
|
||||
margin-top: 12px;
|
||||
font-size: 1rem;
|
||||
color: var(--text-secondary);
|
||||
font-weight: 300;
|
||||
line-height: 1.6;
|
||||
max-width: 640px;
|
||||
}
|
||||
|
||||
.album-header__meta {
|
||||
margin-top: 8px;
|
||||
font-size: 0.9rem;
|
||||
color: var(--text-secondary);
|
||||
color: var(--text-muted);
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
@@ -1005,6 +1014,27 @@
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.photo-grid__item-play {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.photo-grid__item-play svg {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
color: white;
|
||||
filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.5));
|
||||
transition: transform var(--transition-fast);
|
||||
}
|
||||
|
||||
.photo-grid__item:hover .photo-grid__item-play svg {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
/* ── Loading States ───────────────────────────────── */
|
||||
.skeleton {
|
||||
background: linear-gradient(
|
||||
|
||||
Reference in New Issue
Block a user