KevinMidboe/seasoned
1
0
Fork 0
Code Issues 12 Pull Requests 1 Packages Projects Releases 1 Wiki Activity

Popup box has margin top relative to view height

Browse Source
This commit is contained in:
Kevin
2022-03-05 18:01:37 +01:00
parent 80a65f1940
commit b7db3fec62
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/MoviePopup.vue
View File

@@ -78,16 +78,14 @@ export default {
overflow: auto; overflow: auto;
&__box { &__box {
width: 100%;
height: 0;
max-width: 768px; max-width: 768px;
position: relative; position: relative;
z-index: 5; z-index: 5;
background: var(--background-40);
padding-bottom: 50px; padding-bottom: 50px;
@include tablet-min { @include tablet-min {
padding-bottom: 0; padding-bottom: 0;
margin: 40px auto; margin: 8vh auto;
} }
} }
&__close { &__close {
@@ -101,6 +99,8 @@ export default {
height: 40px; height: 40px;
transition: background 0.5s ease; transition: background 0.5s ease;
cursor: pointer; cursor: pointer;
z-index: 5;
&:before, &:before,
&:after { &:after {
content: ""; content: "";