Fix FileTable style

ganlvtech · Oct 24, 2018 · 067374b · 067374b
1 parent aaab2b4
commit 067374b
Showing 1 changed file with 10 additions and 4 deletions.
diff --git a/src/components/FileTable.vue b/src/components/FileTable.vue
@@ -26,10 +26,10 @@
                     <td :title="file.timeForHuman">{{ file.timeFromNowForHuman }}</td>
                 </tr>
                 <tr v-if="empty">
-                    <th/>
+                    <td class="icon"></td>
                     <td>没有文件</td>
-                    <th>-</th>
-                    <th>-</th>
+                    <td>-</td>
+                    <td>-</td>
                 </tr>
             </tbody>
         </table>
@@ -88,14 +88,20 @@
     .icon {
         width: 14px;
         color: rgba(3, 47, 98, 0.55);
+        box-sizing: content-box;
 
         svg {
             fill: currentColor;
         }
     }
 
-    .size, .date {
+    .size {
         width: 5em;
         min-width: 5em;
     }
+
+    .date {
+        width: 6em;
+        min-width: 6em;
+    }
 </style>