stash

frontend/src/components/PropertyBadge.vue

@@ -85,6 +85,14 @@ export default {
         event: "modelChange"
     },
     computed: {
+        localValue: {
+            get() {
+                return this.property.value
+            },
+            set(value) {
+                this.$emit("input", value)
+            }
+        },
         prettyDescription() {
             var d = this.property.description ? this.property.description : this.property.name
             if (this.property.unit_name) {

frontend/src/components/PropertyField.vue

@@ -13,26 +13,11 @@
 </template>
 
 <style scoped>
-.form-control-inline {
-    display: inline;
-    width: auto;
-}
-
 .taglist {
     display: flex;
     flex-wrap: wrap;
     gap: 0.3rem;
-}
+    padding: .25rem;
-
-.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>
 

frontend/src/views/InventoryNew.vue

@@ -17,20 +17,10 @@
                                           placeholder="Enter description" v-model="item.description"></textarea>
                             </div>
                             <div class="mb-3">
-                                <ul>
-                                    <li v-for="tag in item.tags" :key="tag">
-                                        {{ tag }}
-                                    </li>
-                                </ul>
                                 <label for="tags" class="form-label">Tags</label>
                                 <tag-field :value="item.tags"></tag-field>
                             </div>
                             <div class="mb-3">
-                                <ul>
-                                    <li v-for="property in item.properties" :key="property">
-                                        {{ property.name }}: {{ property.value }}
-                                    </li>
-                                </ul>
                                 <label for="property" class="form-label">Property</label>
                                 <property-field :value="item.properties"></property-field>
                             </div>