mirror of
https://github.com/PR0M3TH3AN/bitvid.git
synced 2026-11-01 02:12:26 +00:00
Refine video modal similar content layout
This commit is contained in:
1 parent
9e283c1c3a
commit
a642eb86d4
4 files changed
+46
-38
No files matched your search
@@ -1928,9 +1928,9 @@
|
||||
|
||||
.player-modal__similar-card {
|
||||
--player-modal-similar-thumb: clamp(
|
||||
8.75rem,
|
||||
calc(var(--video-modal-secondary-min, 320px) * 0.48),
|
||||
13.25rem
|
||||
11rem,
|
||||
calc(var(--video-modal-secondary-min, 320px) * 0.62),
|
||||
17rem
|
||||
);
|
||||
--player-modal-similar-gap: clamp(var(--space-4xs), 0.65vw, var(--space-2xs));
|
||||
--player-modal-similar-padding: clamp(
|
||||
@@ -1994,6 +1994,7 @@
|
||||
display: block;
|
||||
position: relative;
|
||||
inline-size: var(--player-modal-similar-thumb);
|
||||
block-size: 100%;
|
||||
max-inline-size: clamp(
|
||||
calc(var(--space-2xl-plus) * 1.1),
|
||||
28vw,
|
||||
@@ -2007,8 +2008,7 @@
|
||||
.player-modal__similar-card-media img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
aspect-ratio: 16 / 9;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
border-radius: inherit;
|
||||
}
|
||||
@@ -2220,6 +2220,10 @@
|
||||
overscroll-behavior-x: contain;
|
||||
}
|
||||
|
||||
.video-modal__similar .video-modal__tags {
|
||||
margin-bottom: clamp(var(--space-xs), 0.9vw, var(--space-md));
|
||||
}
|
||||
|
||||
.video-modal__tags[hidden] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user