mirror of
https://github.com/PR0M3TH3AN/bitvid.git
synced 2026-11-02 10:52:27 +00:00
Fix similar video card layout spacing
This commit is contained in:
1 parent
870f22f298
commit
eab7e1f6e6
2 files changed
+6
-35
No files matched your search
+5
-34
@@ -1881,14 +1881,8 @@
|
||||
}
|
||||
|
||||
#playerModal .video-modal__similar .player-modal__module-item > .card {
|
||||
display: grid;
|
||||
grid-template-columns: clamp(4rem, 8.5vw, 5.25rem) minmax(0, 1fr);
|
||||
align-items: start;
|
||||
gap: clamp(var(--space-4xs), 0.8vw, var(--space-xs));
|
||||
padding: clamp(var(--space-3xs), 0.75vw, var(--space-sm));
|
||||
border-radius: var(--radius-xl);
|
||||
background-color: var(--color-surface);
|
||||
box-shadow: var(--shadow-sm);
|
||||
}
|
||||
|
||||
#playerModal
|
||||
@@ -1896,34 +1890,11 @@
|
||||
.player-modal__module-item
|
||||
> .card
|
||||
.video-card__media {
|
||||
width: 100%;
|
||||
aspect-ratio: 16 / 9;
|
||||
border-radius: var(--radius-lg);
|
||||
@apply overflow-hidden;
|
||||
}
|
||||
|
||||
#playerModal
|
||||
.video-modal__similar
|
||||
.player-modal__module-item
|
||||
> .card
|
||||
.video-card__media
|
||||
.ratio-16-9 {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#playerModal
|
||||
.video-modal__similar
|
||||
.player-modal__module-item
|
||||
> .card
|
||||
.video-card__media
|
||||
img,
|
||||
#playerModal
|
||||
.video-modal__similar
|
||||
.player-modal__module-item
|
||||
> .card
|
||||
.video-card__media
|
||||
video {
|
||||
@apply h-full w-full object-cover;
|
||||
max-inline-size: clamp(
|
||||
calc(var(--space-xl-plus) * 1.25),
|
||||
24vw,
|
||||
calc(var(--space-2xl-plus) * 1.75)
|
||||
);
|
||||
}
|
||||
|
||||
#playerModal
|
||||
|
||||
Reference in new issue
Block a user