thePR0M3TH3AN/bitvid
1
0
Fork 0
mirror of https://github.com/PR0M3TH3AN/bitvid.git synced 2025-09-09 15:38:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

fixed html header issue and forced 16:9 thumbnail aspect

Browse Source
This commit is contained in:
Keep Creating Online
2025-01-26 14:51:34 -05:00
parent 6d9d34fa24
commit 6d781b327b
3 changed files with 72 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/css/style.css
View File

@@ -472,3 +472,22 @@ footer a:hover {
pointer-events: none;
}
/* Create a container that preserves a 16:9 aspect ratio via padding-top. */
/* Force 16:9 ratio using padding-top technique */
.ratio-16-9 {
position: relative;
width: 100%;
padding-top: 56.25%; /* 16:9 => 9/16 = 0.5625 => 56.25% */
background-color: #1e293b; /* fallback background if image doesn't load */
}
.ratio-16-9 > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}