wizard 样式优化

This commit is contained in:
liaoxuezhi 2019-09-16 10:40:58 +08:00
parent 2cc9bbfb1f
commit fa0c18e2ec
3 changed files with 8 additions and 8 deletions

View File

@ -239,27 +239,27 @@
} }
.text-xl { .text-xl {
font-size: $fontSizeXl; font-size: $fontSizeXl !important;
} }
.text-lg { .text-lg {
font-size: $fontSizeLg; font-size: $fontSizeLg !important;
} }
.text-md { .text-md {
font-size: $fontSizeMd; font-size: $fontSizeMd !important;
} }
.text-base { .text-base {
font-size: $fontSizeBase; font-size: $fontSizeBase !important;
} }
.text-sm { .text-sm {
font-size: $fontSizeSm; font-size: $fontSizeSm !important;
} }
.text-xs { .text-xs {
font-size: $fontSizeXs; font-size: $fontSizeXs !important;
} }
.text-xxs { .text-xxs {

View File

@ -143,7 +143,7 @@
background-color: $Wizard-steps-bg; background-color: $Wizard-steps-bg;
border-bottom: $Wizard-steps-borderWidth solid $borderColor; border-bottom: $Wizard-steps-borderWidth solid $borderColor;
text-align: $Wizard-steps-textAlign; text-align: $Wizard-steps-textAlign;
height: $Wizard-steps-height; @include clearfix();
ul { ul {
display: $Wizard-steps-ulDisplay; display: $Wizard-steps-ulDisplay;

View File

@ -411,7 +411,7 @@ export default class Wizard extends React.Component<WizardProps, WizardState> {
const currentStep = this.state.currentStep; const currentStep = this.state.currentStep;
return ( return (
<div className={`${ns}Wizard-steps clearfix ${ns}Wizard--${mode}`} id="form-wizard"> <div className={`${ns}Wizard-steps ${ns}Wizard--${mode}`} id="form-wizard">
{Array.isArray(steps) && steps.length ? ( {Array.isArray(steps) && steps.length ? (
<ul> <ul>
{steps.map((step, key) => { {steps.map((step, key) => {