thePR0M3TH3AN/bitvid
1
0 Fork 0
mirror of https://github.com/PR0M3TH3AN/bitvid.git synced 2026-10-27 16:02:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Refine similar content styling in video modal

Browse Source
This commit is contained in:
thePR0M3TH3AN committed 2025-10-24 11:59:09 -04:00
1 parent 23ed832e7b
commit 3398baf23f
2 files changed
+48 -2
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

css/tailwind.source.css
+46
View File
@@ -1536,6 +1536,24 @@
list-style: none;
}
#playerModal .video-modal__similar .player-modal__module {
gap: clamp(var(--space-sm), 1.5vw, var(--space-md));
padding: clamp(var(--space-sm), 1.75vw, var(--space-lg));
border-width: 0;
box-shadow: none;
background-color: transparent;
}
#playerModal .video-modal__similar .player-modal__module-title {
padding-inline: clamp(var(--space-2xs), 1.25vw, var(--space-sm));
}
#playerModal .video-modal__similar .player-modal__module-list {
gap: clamp(var(--space-sm), 1.25vw, var(--space-md));
padding-inline: clamp(var(--space-2xs), 1.5vw, var(--space-sm));
padding-bottom: clamp(var(--space-sm), 1.5vw, var(--space-md));
}
#playerModal .player-modal__module-scroll {
max-height: clamp(
14rem,
@@ -1549,6 +1567,13 @@
padding-inline-end: var(--space-xs);
}
#playerModal .video-modal__similar .player-modal__module-scroll {
max-height: none;
overflow: visible;
padding-inline-end: 0;
scrollbar-gutter: auto;
}
#playerModal .player-modal__module-scroll > li {
scroll-margin-block: var(--space-xs);
}
@@ -1843,6 +1868,27 @@
@apply flex flex-wrap items-center gap-2 text-xs text-muted-strong;
}
#playerModal .video-modal__similar .player-modal__module-item > .card {
display: grid;
grid-template-columns: clamp(4.75rem, 15vw, 6.5rem) minmax(0, 1fr);
align-items: flex-start;
gap: clamp(var(--space-sm), 1.25vw, var(--space-md));
padding: clamp(var(--space-xs), 1.25vw, var(--space-sm));
}
#playerModal .video-modal__similar .player-modal__module-item > .card .video-card__media {
width: 100%;
}
#playerModal .video-modal__similar .player-modal__module-item > .card .video-card__content {
padding: 0;
@apply gap-xs;
}
#playerModal .video-modal__similar .player-modal__module-item > .card .video-card__meta {
@apply gap-xs text-2xs;
}
.video-modal__stage {
position: relative;
isolation: isolate;