diff options
Diffstat (limited to 'src/app/kdrama/styles')
| -rw-r--r-- | src/app/kdrama/styles/info.module.css | 44 |
1 files changed, 28 insertions, 16 deletions
diff --git a/src/app/kdrama/styles/info.module.css b/src/app/kdrama/styles/info.module.css index edac191..3ae0bef 100644 --- a/src/app/kdrama/styles/info.module.css +++ b/src/app/kdrama/styles/info.module.css @@ -101,33 +101,45 @@ transition: background-color 0.2s linear;
}
-.VideoContainer {
- margin-top: 20px;
-}
-
-.Video {
+.videoPopUp {
+ height: 100dvh;
+ width: 100dvw;
+ background-color: #1f1f1fd3;
+ position: fixed;
+ bottom: 0;
+ left: 0;
+ right: 0;
display: flex;
flex-direction: column;
align-items: center;
- width: 70dvw;
- margin: 0px auto;
+ justify-content: center;
+ z-index: 1;
+ overflow-y: auto;
}
-.Video p {
- color: white;
- font-family: "Atkinson Hyperlegible", serif;
- color: var(--pastel-red);
+.closeButton {
+ font-family: "Poppins", serif;
+ font-size: 16px;
+ background-color: var(--pastel-red);
+ padding: 0.5rem 1.5rem;
+ border: 0;
+ outline: 0;
+ border-radius: 0.5rem;
+ cursor: pointer;
+ margin: 5px;
}
-.VideoPlayer {
- margin: 0px auto;
- width: auto;
- height: auto;
+.video {
+ width: 60vw;
font-family: "Lexend Deca", serif;
}
+.VideoPlayer {
+ width: 100%;
+}
+
@media screen and (max-width: 768px) {
- .Video {
+ .video {
width: 100%;
}
|