techtransthai/fifty-shades-of-bully
6
0
Fork 1
Code Issues 6 Pull requests Projects Releases Packages Wiki Activity Actions

video playbox css fix thigny idk

Browse source
This commit is contained in:
fufu-girl-meow 2025-06-24 19:11:59 +07:00
parent 61902fd62f
commit 58f91217ed
2 changed files with 61 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

37
src/css/conversation.css
View file

@ -1,9 +1,34 @@
.spriteBox { .spriteBox {
height: 50vh; display: flex;
width: 30vw; justify-content: center;
align-items: center;
width: 500px;
max-height: 500px;
margin: 0 auto;
overflow: hidden;
} }
.spriteBox video {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
object-fit: contain;
display: block;
margin: 0 auto;
}
@media (max-width: 768px) { @media (max-width: 768px) {
.spriteBox { .spriteBox {
width: 75vw; width: 98vw;
} max-height: 45vh;
} }
.spriteBox video {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
}
}

35
src/css/option.css
View file

@ -20,11 +20,36 @@
} }
.spriteBox { .spriteBox {
height: 50vh; display: flex;
width: 30vw; justify-content: center;
align-items: center;
width: 500px;
max-height: 500px;
margin: 0 auto;
overflow: hidden;
} }
.spriteBox video {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
object-fit: contain;
display: block;
margin: 0 auto;
}
@media (max-width: 768px) { @media (max-width: 768px) {
.spriteBox { .spriteBox {
width: 75vw; width: 98vw;
} max-height: 45vh;
}
.spriteBox video {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
}
} }