optimize phoneview style

778e6460 · jim · be06f15a · 778e6460
Commit 778e6460 authored Feb 12, 2018 by jim
Hide whitespace changes
Inline Side-by-side

Showing with 4 additions and 13 deletions

src/routes/Userinfo/PhoneView.less src/routes/Userinfo/PhoneView.less +4 -13

No files found.
--- a/src/routes/Userinfo/PhoneView.less
+++ b/src/routes/Userinfo/PhoneView.less
 @import '~antd/lib/style/themes/default.less';

 .area_code {
-  width: 128px;
+  max-width: 128px;
  margin-right: 8px;
+  width: 30%;
 }
 .phone_number {
-  width: 312px;
-}
-
-@media screen and (max-width: @screen-sm) {
-  .area_code {
-    width: 100%;
-    margin: 0;
-    margin-bottom: 8px;
-  }
-  .phone_number {
-    width: 100%;
-  }
+  max-width: 312px;
+  width: ~'calc( 70% - 8px)';
 }