mobile-more
Version:
基于 antd-mobile v5 扩展移动端 UI 组件
38 lines (37 loc) • 778 B
CSS
.momo-file-viewer audio,
.momo-file-viewer video,
.momo-file-viewer img {
display: block;
max-width: 100vw;
max-height: 100vh;
}
.momo-file-viewer iframe {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.25);
border: 0 none;
}
.momo-file-viewer-preview-close {
position: fixed;
top: 24px;
right: 24px;
display: flex;
padding: 12px;
color: #fff;
background-color: rgba(0, 0, 0, 0.1);
border-radius: 50%;
cursor: pointer;
transition: all 0.3s;
}
.momo-file-viewer-preview-close:hover,
.momo-file-viewer-preview-close:active {
background-color: rgba(0, 0, 0, 0.2);
}
.momo-file-viewer-preview-close .doly-icon {
font-size: 18px;
}
.momo-file-viewer-unsupported {
padding: 16px;
background-color: #fff;
border-radius: 4px;
}