Popover fixed position and better centering on mobile

This commit is contained in:
2019-02-12 22:37:07 +01:00
parent 6e0c4ff5b5
commit 088d80597e

View File

@@ -36,7 +36,7 @@ export default {
.popover { .popover {
height: 100%; height: 100%;
width: 100%; width: 100%;
position: absolute; position: fixed;
background-color: rgba(0,0,0,0.7); background-color: rgba(0,0,0,0.7);
display: flex; display: flex;
align-items: center; align-items: center;
@@ -44,6 +44,10 @@ export default {
img { img {
max-height: 80%; max-height: 80%;
@media screen and (max-width: 600px) {
height: 80vh;
}
} }
.hover-options { .hover-options {