hexo-theme-keep/source/css/layout/_partial/image-viewer.styl

31 lines
485 B
Stylus

.image-viewer-container {
position: fixed;
right: 0;
left: 0;
bottom: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
z-index: $z-index-9;
display: none;
align-items: center;
justify-content: center;
.img-box {
position: relative;
width: 80%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
img {
max-width: 100%;
max-height: 100%;
cursor: pointer;
}
}
}