stash

frontend/src/components/PropertyField.vue

@@ -13,6 +13,27 @@
 </template>
 
 <style scoped>
+.form-control-inline {
+    display: inline;
+    width: auto;
+}
+
+.taglist {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.3rem;
+}
+
+.form-control-xsm {
+    min-height: calc(.6rem);
+    padding: .0rem .5rem;
+    font-size: .6rem;
+    border-radius: .1rem;
+}
+
+input[type=number].form-control-xsm{
+    padding: 0 0 0 .5rem;
+}
 </style>
 
 <script>
@@ -23,6 +44,11 @@ import BadgeSelectField from "@/components/BadgeSelectField.vue";
 
 export default {
     name: "PropertyField",
+    data() {
+        return {
+            property: ""
+        }
+    },
     components: {
         BadgeSelectField,
         PropertyBadge,
@@ -52,6 +78,7 @@ export default {
             },
             set(value) {
                 this.$emit("input", value);
+                console.log("set", value);
             }
         },
         splicedValue() {

frontend/src/components/TagField.vue

@@ -25,6 +25,11 @@ import BadgeSelectField from "@/components/BadgeSelectField.vue";
 
 export default {
     name: "TagField",
+    data() {
+        return {
+            tag: ""
+        }
+    },
     components: {
         BadgeSelectField,
         ...BIcons
@@ -50,6 +55,7 @@ export default {
             },
             set(value) {
                 this.$emit("input", value);
+                console.log("set", value);
             }
         }
     },