refactor: update css for transaction

diff --git a/src/popup/home/components/tx-info.vue b/src/popup/home/components/tx-info.vue
index e45b114..99c0505 100644 (file)
--- a/src/popup/home/components/tx-info.vue
+++ b/src/popup/home/components/tx-info.vue
@@ -30,21 +30,28 @@
 }
 
 .title {
+  font-size: 18px;
+  font-weight: inherit;
+  color: #cacaca;
   text-align: center;
-  font-size: 16px;
   padding: 5px 0;
 }
 .transaction {
   padding: 0 40px;
-  font-size: 14px;
+  font-size: 15px;
   word-break: break-all;
-  /* overflow-y: scroll; */
   height: 415px;
+  margin-top: 20px;
 }
 .transaction .time {
   margin: 10px 0;
+  font-size: 15px;
+}
+.transaction .label {
+  font-size: 12px;
 }
 .transaction .info {
+  font-size: 18px;
   display: inline-flex;
 }
 .transaction .info section {
@@ -83,31 +90,31 @@
               <p class="time">{{transaction.timestamp | moment}}</p>
               <div class="info">
                 <section>
-                  <p>矿工费用</p>
-                  <p>0.2BTM</p>
+                  <p class="label">矿工费用</p>
+                  <p>0.02BTM</p>
                 </section>
                 <section>
-                  <p>区块高度</p>
+                  <p class="label">区块高度</p>
                   <p>{{transaction.block_height}}</p>
                 </section>
                 <section>
-                  <p>交易大小</p>
+                  <p class="label">交易大小</p>
                   <p>{{transaction.size}}</p>
                 </section>
               </div>
               <div class="txid">
-                <p>交易ID</p>
+                <p class="label">交易ID</p>
                 <p>{{transaction.hash}}</p>
               </div>
               <div class="inputs">
                 <section :key="index" v-for="(input, index) in transaction.inputs">
-                  <p>发款地址{{transaction.inputs.length > 1 ? index+1 : ''}}</p>
+                  <p class="label">发款地址{{transaction.inputs.length > 1 ? index+1 : ''}}</p>
                   <p>{{input.address}}<span v-if="input.address == selfAddress">（自己的地址）</span></p>
                 </section>
               </div>
               <div class="outputs">
                 <section :key="index" v-for="(output, index) in transaction.outputs">
-                  <p>收款地址{{transaction.outputs.length > 1 ? index+1 : ''}}</p>
+                  <p class="label">收款地址{{transaction.outputs.length > 1 ? index+1 : ''}}</p>
                   <p>{{output.address}}<span v-if="output.address == selfAddress">（自己的地址）</span></p>
                 </section>
               </div>

diff --git a/src/popup/home/main.vue b/src/popup/home/main.vue
index 8323994..0682678 100644 (file)
--- a/src/popup/home/main.vue
+++ b/src/popup/home/main.vue
@@ -79,15 +79,11 @@
 }
 .btn-transfer {
   width: 200px;
-  /* font-size: 20px; */
-  /* line-height: 22px; */
-  /* height: 40px; */
 }
 
 .transactions {
   font-size: 15px;
-  /* line-height: 40px; */
-  /* display: contents; */
+  height: 275px;
 }
 .transactions h3 {
   font-size: 18px;
@@ -97,7 +93,7 @@
   padding: 5px 0;
 }
 .transactions .list {
-  padding: 0 10px;
+  padding: 0 20px;
 }
 .list-item {
   display: block;
@@ -150,19 +146,17 @@
 
     <section v-if="accountInfo.address!=undefined" class="transactions">
       <h3 class="bg-gray">交易记录</h3>
-      <div style="height: 290px;">
-        <vue-scroll>
-          <ul class="list">
-              <li class="list-item" v-for="(transcation, index) in transcations" :key="index" @click="$refs.trxInfo.open(transcation, accountInfo.address)">
-                <div class="value">{{transcation.direct}} {{transcation.val}} BTM</div>
-                <div>
-                  <div class="time">{{transcation.timestamp | moment}}</div>
-                  <div class="addr">{{transcation.address}}</div>
-                </div>
-              </li>
-          </ul>
-        </vue-scroll>
-      </div>
+      <vue-scroll>
+        <ul class="list">
+            <li class="list-item" v-for="(transcation, index) in transcations" :key="index" @click="$refs.trxInfo.open(transcation, accountInfo.address)">
+              <div class="value">{{transcation.direct}} {{transcation.val}} BTM</div>
+              <div>
+                <div class="time">{{transcation.timestamp | moment}}</div>
+                <div class="addr">{{transcation.address}}</div>
+              </div>
+            </li>
+        </ul>
+      </vue-scroll>
     </section>
     <section v-else>
       <p style="width: 250px; margin: 30px auto; text-align: center;">在此网络中尚无您的账户信息</p>
@@ -298,13 +292,13 @@ export default {
     this.clipboard.on("success", e => {
       this.$dialog.show({
         header: this.$t("dialog.header"),
-        body: this.$t("dialog.copy.success"),
+        body: this.$t("dialog.copy.success")
       });
     });
     this.clipboard.on("error", e => {
       this.$dialog.show({
         header: this.$t("dialog.header"),
-        body: this.$t("dialog.copy.fail"),
+        body: this.$t("dialog.copy.fail")
       });
     });
   },

diff --git a/src/popup/login/components/form-recover.vue b/src/popup/login/components/form-recover.vue
index 2b242c9..c69062c 100644 (file)
--- a/src/popup/login/components/form-recover.vue
+++ b/src/popup/login/components/form-recover.vue
@@ -11,7 +11,7 @@
             <div class="form">
                 <div class="form-item">
                     <label class="form-item-label">备份文件</label>
-                    <div class="form-item-content" style="margin-left: 75px;">
+                    <div class="form-item-content" style="margin-left: 76px;">
                       <input type="file" @change="tirggerFile($event)">
                     </div>
                 </div>