salix/front/core/directives/zoom-image.scss

30 lines
547 B
SCSS

.vn-zoom-image {
width: 100%;
height: 100%;
position: fixed;
top: 0;
z-index: 25;
background-color: rgba(1, 1, 1, 0.6);
& > div {
display: flex;
justify-content: center;
align-items: center;
width: inherit;
height: inherit;
box-sizing: border-box;
padding: 1em;
& > img {
cursor: zoom-out;
max-height: 100%;
max-width: 100%;
border-radius: .2em;
}
}
}
img[zoom-image]{
cursor: zoom-in;
}