UNPKG

antd-mobile

Version:

<img src="https://gw.alipayobjects.com/mdn/rms_ee68a8/afts/img/A*hjjDS5Yy-ooAAAAAAAAAAAAAARQnAQ" alt="logo" width="100%" />

101 lines (84 loc) 1.93 kB
.adm-dialog { --z-index: var(--adm-dialog-z-index, 1000); position: fixed; z-index: var(--z-index); } .adm-dialog .adm-dialog-mask { z-index: 0; } .adm-dialog-wrap { position: fixed; z-index: 1; top: 50%; left: 50%; width: 75vw; max-width: 1000px; transform: translate(-50%, -50%); } .adm-dialog-main { width: 100%; max-height: 70vh; font-size: 28px; background-color: white; border-radius: 16px; overflow: hidden; display: flex; flex-direction: column; } .adm-dialog-main > * { flex: none; } .adm-dialog-main > .adm-dialog-image-container { flex: auto; } .adm-dialog-main > .adm-dialog-image-container + .adm-dialog-body { padding-top: 24px; } .adm-dialog-main .adm-dialog-body { padding: 40px 24px; } .adm-dialog-main .adm-dialog-body-header-wrapper { display: flex; justify-content: center; } .adm-dialog-main .adm-dialog-body-title { font-weight: bold; font-size: 36px; line-height: 50px; text-align: center; } .adm-dialog-main .adm-dialog-body-content { max-height: 70vh; overflow-x: hidden; overflow-y: auto; font-size: 30px; line-height: 1.4; color: #333; } .adm-dialog-main .adm-dialog-footer { user-select: none; } .adm-dialog-main .adm-dialog-footer .adm-dialog-action-row { display: flex; align-items: stretch; border-top: 1px solid var(--adm-border-color); } .adm-dialog-main .adm-dialog-footer .adm-dialog-action-row > * { flex: 1; } .adm-dialog-main .adm-dialog-footer .adm-dialog-action-row > .adm-dialog-button { padding: 20px; font-size: 36px; line-height: 50px; border-radius: 0; border-right: solid 1px var(--adm-border-color); } .adm-dialog-main .adm-dialog-footer .adm-dialog-action-row > .adm-dialog-button-bold { font-weight: bold; } .adm-dialog-main .adm-dialog-footer .adm-dialog-action-row > .adm-dialog-button:last-child { border-right: none; } .adm-dialog-image-container { overflow-y: auto; }