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;