antd-mobile
Version:
<img src="https://gw.alipayobjects.com/mdn/rms_ee68a8/afts/img/A*hjjDS5Yy-ooAAAAAAAAAAAAAARQnAQ" alt="logo" width="100%" />
48 lines (40 loc) • 998 B
CSS
.adm-action-sheet-popup > .adm-popup-body {
border-top-left-radius: 16px;
border-top-right-radius: 16px;
overflow: hidden;
}
.adm-action-sheet-extra {
display: flex;
justify-content: center;
color: var(--adm-color-weak);
font-size: 30px;
padding: 36px 32px;
border-bottom: 2px solid var(--adm-border-color);
}
.adm-action-sheet-button-item-wrapper {
background-color: #ffffff;
border-top: 2px solid var(--adm-border-color);
}
.adm-action-sheet-button-item-wrapper:first-child {
border-top: none;
}
.adm-action-sheet-button-item {
padding: 28px;
text-align: center;
}
.adm-action-sheet-button-item-name {
color: var(--adm-color-text);
font-size: 36px;
}
.adm-action-sheet-button-item-description {
font-size: 24px;
color: var(--adm-color-weak);
padding-top: 8px;
}
.adm-action-sheet-button-item-danger .adm-action-sheet-button-item-name {
color: var(--adm-color-danger);
}
.adm-action-sheet-cancel {
background-color: #f5f5f5;
padding-top: 16px;
}