antd-mobile
Version:
<div align="center">
51 lines (42 loc) • 1.04 kB
CSS
.adm-result {
padding: 64px 24px;
background-color: var(--adm-color-background);
}
.adm-result-icon {
box-sizing: border-box;
width: 128px;
height: 128px;
margin: 0 auto 40px auto;
padding: 12px;
}
.adm-result-icon .antd-mobile-icon {
font-size: 104px;
}
.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: 16px;
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);
}