diff --git a/src/components/Result/index.less b/src/components/Result/index.less index 9953392c..5cd2aff5 100644 --- a/src/components/Result/index.less +++ b/src/components/Result/index.less @@ -4,6 +4,9 @@ text-align: center; width: 72%; margin: 0 auto; + @media screen and (max-width: @screen-xs) { + width: 100%; + } .icon { font-size: 72px; @@ -39,6 +42,10 @@ padding: 24px 40px; border-radius: @border-radius-sm; text-align: left; + + @media screen and (max-width: @screen-xs) { + padding: 18px 20px; + } } .actions { diff --git a/src/routes/Forms/StepForm/Step3.js b/src/routes/Forms/StepForm/Step3.js index 08fc5d90..9a8d6d46 100644 --- a/src/routes/Forms/StepForm/Step3.js +++ b/src/routes/Forms/StepForm/Step3.js @@ -14,28 +14,34 @@ class Step3 extends React.PureComponent { const information = (
- + 付款账户: - {data.payAccount} + + {data.payAccount} + - + 收款账户: - {data.receiverAccount} + + {data.receiverAccount} + - + 收款人姓名: - {data.receiverName} + + {data.receiverName} + - + 转账金额: - + {data.amount} diff --git a/src/routes/Forms/StepForm/style.less b/src/routes/Forms/StepForm/style.less index 6dbbd629..713dd54c 100644 --- a/src/routes/Forms/StepForm/style.less +++ b/src/routes/Forms/StepForm/style.less @@ -60,6 +60,9 @@ color: @heading-color; text-align: right; padding-right: 8px; + @media screen and (max-width: @screen-sm) { + text-align: left; + } } } diff --git a/src/routes/User/Login.less b/src/routes/User/Login.less index c34ab3d8..14a99ff1 100644 --- a/src/routes/User/Login.less +++ b/src/routes/User/Login.less @@ -3,6 +3,9 @@ .main { width: 368px; margin: 0 auto; + @media screen and (max-width: @screen-sm) { + width: 95%; + } .icon { font-size: 24px;