VeritableValor/invidious
1
0
Fork 0
mirror of https://github.com/iv-org/invidious.git synced 2025-10-25 02:08:30 -05:00
Code Issues Packages Projects Releases Wiki Activity

change aspect-ratio

Browse Source
This commit is contained in:
@CyberAndi 2024-02-06 17:09:51 +01:00 committed by GitHub
parent dbce9a5982
commit fbf7af59c1
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
assets/css/player.css
View File

@ -276,6 +276,14 @@ video.video-js {
border-radius: 13px; border-radius: 13px;
height: 0; height: 0;
} }
/*
#player {
border-radius: 13px;
border: 3px solid rgba(255,255,255,1);
box-shadow: 9px 9px 15px rgba(0,0,0,0.8);
background-color: rgba(0,0,0,0.8) !important;
backdrop-filter: blur(2.5px);
}*/
#player { #player {
border-radius: 13px; border-radius: 13px;
@ -283,6 +291,13 @@ video.video-js {
box-shadow: 9px 9px 15px rgba(0,0,0,0.8); box-shadow: 9px 9px 15px rgba(0,0,0,0.8);
background-color: rgba(0,0,0,0.8) !important; background-color: rgba(0,0,0,0.8) !important;
backdrop-filter: blur(2.5px); backdrop-filter: blur(2.5px);
aspect-ratio: 16 / 9 !important;
height: calc(100vh - 140px) !important;
left: calc((100vh - 140px) * 0.5625 * 0.5);
--posBannerHeight: calc(100vh - 140px);
--posBannerWidth: calc((100vh - 140px) * 1.78);
--posBannerLeft: calc((100vh - 140px) * 0.5625 * 0.5);
width: auto !important;
} }
#player::after { #player::after {