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 {
height: 50vh;
width: 30vw;
display: flex;
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) {
.spriteBox {
width: 75vw;
}
}
.spriteBox {
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 {
height: 50vh;
width: 30vw;
display: flex;
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) {
.spriteBox {
width: 75vw;
}
.spriteBox {
width: 98vw;
max-height: 45vh;
}
.spriteBox video {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
}
}