diff client/src/components/importoverview/ImportOverview.vue @ 2725:9465749410ba

client: import overview: use table body component
author Markus Kottlaender <markus@intevation.de>
date Tue, 19 Mar 2019 12:53:25 +0100
parents 305af1e2975d
children 375c9dd935ad
line wrap: on
line diff
--- a/client/src/components/importoverview/ImportOverview.vue	Tue Mar 19 12:52:22 2019 +0100
+++ b/client/src/components/importoverview/ImportOverview.vue	Tue Mar 19 12:53:25 2019 +0100
@@ -63,14 +63,9 @@
         ]"
         @sortingChanged="sortBy"
       />
-      <div class="debugm logentries">
-        <LogEntry
-          class="border-top d-flex-flex-column w-100"
-          :entry="entry"
-          v-for="entry in imports"
-          :key="entry.id"
-        ></LogEntry>
-      </div>
+      <UITableBody :data="imports" maxHeight="80vh" v-slot="{ item: entry }">
+        <LogEntry :entry="entry"></LogEntry>
+      </UITableBody>
     </div>
   </div>
 </template>
@@ -84,26 +79,6 @@
   right: 0
   bottom: 0
   left: 0
-.id
-  width: 5%
-
-.kind
-  width: 8%
-
-.state
-  width: 12%
-
-.enqueued
-  width: 25
-
-.user
-  width: 16%
-.signer
-  width: 16%
-
-.logentries
-  overflow-y: auto
-  max-height: 80vh
 </style>
 
 <script>