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

Fix video modal two-column layout

Browse Source
This commit is contained in:
thePR0M3TH3AN committed 2025-10-23 21:42:37 -04:00
1 parent cef5971466
commit 5e99c3d3b9
2 files changed
+12 -12
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

css/tailwind.source.css
+11 -11
View File
@@ -1669,28 +1669,28 @@
}
.video-modal__layout {
--video-modal-primary-fr: 1.1fr;
--video-modal-secondary-min: clamp(
calc(var(--space-2xl) * 6),
32vw,
calc(var(--space-2xl) * 8)
--video-modal-primary-columns: minmax(0, 1.2fr);
--video-modal-secondary-columns: minmax(
clamp(var(--space-4xl), 28vw, var(--space-7xl)),
1fr
);
--video-modal-secondary-fr: 0.9fr;
@apply grid items-start gap-6 lg:gap-8;
}
@media (min-width: theme('screens.xl')) {
.video-modal__layout {
--video-modal-primary-fr: 1.4fr;
--video-modal-secondary-fr: 1fr;
--video-modal-primary-columns: minmax(0, 1.4fr);
--video-modal-secondary-columns: minmax(
clamp(var(--space-5xl), 30vw, var(--space-8xl)),
1fr
);
}
}
@media (min-width: theme('screens.lg')) {
.video-modal__layout {
grid-template-columns:
minmax(0, var(--video-modal-primary-fr))
minmax(var(--video-modal-secondary-min), var(--video-modal-secondary-fr, 1fr));
grid-template-columns: var(--video-modal-primary-columns)
var(--video-modal-secondary-columns);
}
}