antd-mobile
Version:
<img src="https://gw.alipayobjects.com/mdn/rms_ee68a8/afts/img/A*hjjDS5Yy-ooAAAAAAAAAAAAAARQnAQ" alt="logo" width="100%" />
43 lines (42 loc) • 981 B
CSS
.adm-result {
padding: 32px 12px;
background-color: var(--adm-color-white);
}
.adm-result-icon {
box-sizing: border-box;
width: 64px;
height: 64px;
margin: 0 auto 20px auto;
padding: 6px;
}
.adm-result-icon .antd-mobile-icon {
font-size: 52px;
}
.adm-result-title {
color: var(--adm-color-text);
font-size: 18px;
line-height: 1.4;
text-align: center;
}
.adm-result-description {
margin-top: 8px;
color: var(--adm-color-weak);
font-size: 13px;
line-height: 1.4;
text-align: center;
}
.adm-result-success .adm-result-icon .antd-mobile-icon {
color: var(--adm-color-primary);
}
.adm-result-error .adm-result-icon .antd-mobile-icon {
color: var(--adm-color-danger);
}
.adm-result-info .adm-result-icon .antd-mobile-icon {
color: var(--adm-color-primary);
}
.adm-result-waiting .adm-result-icon .antd-mobile-icon {
color: var(--adm-color-success);
}
.adm-result-warning .adm-result-icon .antd-mobile-icon {
color: var(--adm-color-warning);
}