Add a few minor changes

datalab-org · Oct 7, 2024 · 7449cd3 · 7449cd3
1 parent 7ecd1ab
commit 7449cd3
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 10 deletions.
diff --git a/webapp/src/components/DynamicDataTable.vue b/webapp/src/components/DynamicDataTable.vue
@@ -26,7 +26,7 @@
       <!-- v-model:expandedRows="expandedRows" -->
 
       <template #header>
-        <DynamicButtonDataTable
+        <DynamicDataTableButtons
           :data-type="dataType"
           :items-selected="itemsSelected"
           :filters="filters"
@@ -106,7 +106,7 @@
 </template>
 
 <script>
-import DynamicButtonDataTable from "@/components/DynamicButtonDataTable";
+import DynamicDataTableButtons from "@/components/DynamicDataTableButtons";
 import CreateItemModal from "@/components/CreateItemModal";
 import BatchCreateItemModal from "@/components/BatchCreateItemModal";
 import QRScannerModal from "@/components/QRScannerModal";
@@ -129,7 +129,7 @@ import InputText from "primevue/inputtext";
 
 export default {
   components: {
-    DynamicButtonDataTable,
+    DynamicDataTableButtons,
     CreateItemModal,
     BatchCreateItemModal,
     QRScannerModal,
@@ -352,7 +352,7 @@ export default {
 };
 </script>
 
-<style>
+<style scoped>
 .customize-table .ag-header {
   font-size: 1rem;
 }
@@ -379,10 +379,6 @@ export default {
   white-space: nowrap;
 }
 
-.button-right {
-  gap: 0.5em;
-}
-
 .p-datatable-header-cell.filter-active svg {
   color: #10b981;
 }

diff --git a/...src/components/DynamicButtonDataTable.vue → ...rc/components/DynamicDataTableButtons.vue b/...src/components/DynamicButtonDataTable.vue → ...rc/components/DynamicDataTableButtons.vue
@@ -3,7 +3,7 @@
     <div class="button-left">
       <button
         v-if="dataType === 'samples'"
-        class="btn btn-default"
+        class="btn btn-default ml-2"
         @click="$emit('open-create-item-modal')"
       >
         Add an item
@@ -56,7 +56,7 @@
           :disabled="itemsSelected.length === 0"
           @click="isSelectedDropdownVisible = !isSelectedDropdownVisible"
         >
-          {{ itemsSelected.length > 0 ? `${itemsSelected.length} selected ` : "Selected ... " }}
+          {{ itemsSelected.length > 0 ? `${itemsSelected.length} selected ... ` : "Selected ... " }}
         </button>
         <div
           v-show="isSelectedDropdownVisible"
@@ -206,4 +206,8 @@ export default {
   line-height: 1.5;
   border-radius: 0.25rem;
 }
+
+.button-right {
+  gap: 0.5em;
+}
 </style>