fix: Solving some issues on phones.
This commit is contained in:
parent
b3e47dc7d0
commit
7feda0e461
|
@ -102,7 +102,7 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
.modal {
|
.modal {
|
||||||
position: absolute;
|
position: fixed;
|
||||||
display: none;
|
display: none;
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
@ -127,15 +127,18 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
.video-container-bar {
|
.video-container-bar {
|
||||||
width: 95%;
|
width: 99%;
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
padding: 1rem;
|
padding-top: 1rem;
|
||||||
|
padding-bottom: 1rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: end;
|
justify-content: end;
|
||||||
|
margin-bottom: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.video-container-bar a {
|
.video-container-bar a {
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
|
margin-right: 1rem;
|
||||||
border-radius: 0.3rem;
|
border-radius: 0.3rem;
|
||||||
|
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -212,7 +215,12 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
.modal.active {
|
.modal.active {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
scrollbar-width: none
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal.active.active::-webkit-scrollbar {
|
||||||
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
#modal-loading {
|
#modal-loading {
|
||||||
|
@ -238,6 +246,7 @@ body {
|
||||||
|
|
||||||
#video {
|
#video {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
max-width: 636px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#video-container {
|
#video-container {
|
||||||
|
|
Loading…
Reference in New Issue