UNPKG

antd-mobile

Version:

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

109 lines (91 loc) 1.87 kB
.adm-modal { --z-index: var(--adm-modal-z-index, 1000); position: fixed; z-index: var(--z-index); } .adm-modal .adm-modal-mask { z-index: 0; } .adm-modal-wrap { position: fixed; z-index: 1; top: 50%; left: 50%; width: auto; min-width: 560px; max-width: 75vw; transform: translate(-50%, -50%); } .adm-modal-main { width: 100%; max-height: 70vh; box-sizing: border-box; font-size: 28px; background-color: white; border-radius: 16px; overflow-x: hidden; overflow-y: auto; display: flex; flex-direction: column; } .adm-modal-main > * { flex: none; } .adm-modal-main > .adm-modal-image-container { flex: auto; } .adm-modal-main .adm-modal-body { padding: 40px 24px 24px; display: flex; flex-direction: column; } .adm-modal-main .adm-modal-body > * + * { margin-top: 16px; } .adm-modal-main .adm-modal-body-header-wrapper { display: flex; justify-content: center; } .adm-modal-main .adm-modal-body-title { font-weight: bold; font-size: 36px; line-height: 50px; text-align: center; } .adm-modal-main .adm-modal-body-content { font-size: 30px; line-height: 1.4; color: #333; } .adm-modal-main .adm-modal-close { position: absolute; right: 16px; top: 16px; color: var(--adm-color-weak); padding: 8px; font-size: 36px; } .adm-modal-footer { user-select: none; padding: 16px 24px 24px; } .adm-modal-footer.adm-space { --gap-vertical: 40px; } .adm-modal-footer .adm-modal-button { font-size: 36px; line-height: 50px; } .adm-modal-footer .adm-modal-button:not(.adm-modal-button-primary) { padding-top: 0; padding-bottom: 0; } .adm-modal-footer .adm-modal-button:not(.adm-modal-button-primary)::before { display: none; } .adm-modal-footer .adm-modal-button:not(.adm-modal-button-primary):active { opacity: 0.7; } .adm-modal-image-container { overflow-y: auto; }