use el-image instead of manual img tag

diff --git a/frontend/index.html b/frontend/index.html
index 206a23cc02e2b43f34c79087f6832932fe278e35..95fe31b45fab43632db335d49f96c800568d7f9c 100644 (file)
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -99,7 +99,7 @@
         <el-table :data="entries" style="max-width: 1280px;width: 100%" height="100%" empty-text="Folder is emtpy" :default-sort="{ prop: 'filePath', order: 'descending' }" @row-click="open">
           <el-table-column prop="previewUrl" label="Type" width="100px" sortable>
             <template slot-scope="scope">
-              <img v-bind:src="scope.row.previewUrl" class="list-icon" height="32px" width="32px" style="object-fit: cover;"/>
+              <el-image v-bind:src="scope.row.previewUrl" class="list-icon" style="width: 32px; height: 32px" fit="cover"></el-image>
             </template>
           </el-table-column>
           <el-table-column prop="filePath" label="Name" sortable>