@@ -94,4 +128,11 @@ onMounted(async () => {
height: auto;
max-width: 80%;
}
+
+.label-dots {
+ display: flex;
+ gap: 6px;
+ flex-wrap: wrap;
+ justify-content: right;
+}
diff --git a/src/views/CollectionView/CollectionToolbar.vue b/src/views/CollectionView/CollectionToolbar.vue
index e2ac70d..ebe8bc0 100644
--- a/src/views/CollectionView/CollectionToolbar.vue
+++ b/src/views/CollectionView/CollectionToolbar.vue
@@ -1,47 +1,58 @@
-
+
diff --git a/src/views/DetailsView.vue b/src/views/DetailsView.vue
index 95b27c0..7a2e53d 100644
--- a/src/views/DetailsView.vue
+++ b/src/views/DetailsView.vue
@@ -8,6 +8,7 @@ import { useChartsApi } from '@/api/charts.js'
import EditLink from '@/views/DetailsView/EditLink.vue'
import CopyToClipboard from '@/components/CopyToClipboard.vue'
import DetailsViewImages from '@/views/DetailsView/DetailsViewImages.vue'
+import AttachLabel from '@/views/DetailsView/AttachLabel.vue'
const { getMerchDetails, deleteMerch } = useMerchApi()
const { getDistinctPrices } = useChartsApi()
@@ -107,6 +108,7 @@ onMounted(() => {
Uuid: {{ merchDetails.merch_uuid }}
Name: {{ merchDetails.name }}
+
diff --git a/src/views/DetailsView/AttachLabel.vue b/src/views/DetailsView/AttachLabel.vue
new file mode 100644
index 0000000..18ca912
--- /dev/null
+++ b/src/views/DetailsView/AttachLabel.vue
@@ -0,0 +1,147 @@
+
+
+