changes

app/components/inventory/Inventory.vue

@@ -33,6 +33,32 @@ const inventoryHighlights = [
 </script>
 <template>
   <div>
+    <div class="content buttons is-justify-content-flex-end">
+      <button class="button fs-14">
+        <span class="icon">
+          <Icon :size="18" name="material-symbols:download-rounded" />
+        </span>
+        <span>Export</span>
+      </button>
+      <button class="button fs-14">
+        <span class="icon">
+          <Icon :size="18" name="material-symbols:upload-rounded" />
+        </span>
+        <span>Import</span>
+      </button>
+      <button class="button fs-14">
+        <span class="icon">
+          <Icon :size="18" name="material-symbols:sync" />
+        </span>
+        <span>Chuyển kho</span>
+      </button>
+      <button class="button fs-14 is-primary">
+        <span class="icon">
+          <Icon :size="18" name="material-symbols:add-2-rounded" />
+        </span>
+        <span>Điều chỉnh</span>
+      </button>
+    </div>
     <div class="fixed-grid has-2-cols-mobile has-4-cols">
       <div class="grid">
         <InventoryHighlightCard

app/components/inventory/SelectedInvItem.vue

@@ -13,7 +13,7 @@ const emit = defineEmits('unselect');
       <button
         @click="emit('unselect')"
         class="button is-white rounded-full has-text-grey absolute size-8 is-flex is-justify-content-center is-align-items-center"
-        style="right: 0.5rem; top: 0.5rem;"
+        style="z-index: 1; right: 0.5rem; top: 0.5rem;"
       >
         <span class="icon">
           <Icon name="material-symbols:close-rounded" :size="22" />