调整详情的文件列表的UI

NiaFork · Mar 6, 2020 · aff109c · aff109c
1 parent 32e547e
commit aff109c
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 5 deletions.
diff --git a/src/renderer/components/DetailDialog.vue b/src/renderer/components/DetailDialog.vue
@@ -13,10 +13,10 @@
           <browser-link v-show="detail.magnet" type="primary" :href="detail.magnet">{{detail.magnet}}</browser-link>
           <div v-if="detail.files">
             <div class="row-title">文件列表</div>
-            <el-row v-for="f in detail.files" :key="f.name" class="file-row-item" :gutter="20">
-              <el-col :span="20">{{f.name}}</el-col>
-              <el-col :span="4">{{f.size | size}}</el-col>
-            </el-row>
+            <div v-for="f in detail.files" :key="f.name" class="file-row-item">
+              <span class="file-row-item-left">{{f.name}}</span>
+              <span class="file-row-item-right">{{f.size | size}}</span>
+            </div>
           </div>
         </div>
         <div class="detail-info-right">
@@ -136,6 +136,16 @@
 
   .file-row-item {
     margin-top: 5px;
+    display: flex;
+  }
+
+  .file-row-item-left {
+    flex: 1;
+  }
+
+  .file-row-item-right {
+    min-width: 100px;
+    text-align: right;
   }
 
   .row-title {

diff --git a/src/renderer/plugins/config.js b/src/renderer/plugins/config.js
@@ -10,7 +10,7 @@ Vue.use({
           baseUrl: `${baseURL}/favicon`,
           extension: 'ico'
         },
-        searchPlaceholder: ['火影忍者', '钢铁侠', '美国队长', '犬夜叉', '七龙珠', '奥特曼', '英雄联盟'],
+        searchPlaceholder: ['火影忍者', '钢铁侠', '美国队长', '犬夜叉', '七龙珠', '奥特曼'],
         proxyDocURL: `${baseURL}/guide/proxy.html`,
         guide: {
           content: []