antd-mobile
Version:
<div align="center">
43 lines (42 loc) • 1.03 kB
CSS
.adm-result {
padding: 32px 12px;
background-color: var(--adm-color-background);
}
.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: var(--adm-font-size-10);
line-height: 1.4;
text-align: center;
}
.adm-result-description {
margin-top: 8px;
color: var(--adm-color-weak);
font-size: var(--adm-font-size-main);
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);
}