fix(currency): 积分明细详情超出范围后显示横向滚动条的问题

slimkit · Jul 26, 2018 · 5a740fd · 5a740fd
1 parent da32637
commit 5a740fd
Showing 1 changed file with 17 additions and 13 deletions.
diff --git a/src/page/currency/components/CurrencyDetailItem.vue b/src/page/currency/components/CurrencyDetailItem.vue
@@ -43,19 +43,23 @@ export default {
   padding: 30px;
   font-size: 30px;
 
-  .time {
-    color: #b3b3b3;
-    font-size: 24px;
-  }
-  .title {
-    font-size: 30px;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    margin-bottom: 10px;
-  }
-  .amount {
-    font-size: 32px;
+  .info {
+    max-width: calc(~"100% - 4em");
+
+    .time {
+      color: #b3b3b3;
+      font-size: 24px;
+    }
+    .title {
+      font-size: 30px;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      margin-bottom: 10px;
+    }
+    .amount {
+      font-size: 32px;
+    }
   }
 
   &.no-style {