change the layout of the new incoice form

manakjiri · Feb 15, 2024 · aca3bdb · aca3bdb
1 parent c517f70
commit aca3bdb
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/src/components/FakturaForm.vue b/frontend/src/components/FakturaForm.vue
@@ -35,29 +35,29 @@
             :key="index"
             :item="item"
           >
-            <v-col>
+            <v-col cols="9">
               <v-text-field
                 v-model="item.description"
                 label="Popis"
                 density="compact"
                 :rules="[required]"
               ></v-text-field>
             </v-col>
-            <v-col>
+            <v-col cols="1">
               <v-text-field
                 v-model="item.quantity"
                 label="Množství"
                 density="compact"
               ></v-text-field>
             </v-col>
-            <v-col>
+            <v-col cols="1">
               <v-text-field
                 v-model="item.price"
                 label="Cena"
                 density="compact"
               ></v-text-field>
             </v-col>
-            <v-col>
+            <v-col cols="1">
               <v-text-field
                 v-model="item.tax"
                 label="DPH"
@@ -116,12 +116,12 @@ interface Invoice {
 }
 
 const items = reactive<Item[]>([
-  { description: "", quantity: 0, price: 0, tax: 0 },
+  { description: "", quantity: 1, price: 0, tax: 0 },
 ]);
 
 function addItem() {
   //push an empty item to the items array:
-  items.push({ description: "", quantity: 0, price: 0, tax: 0 });
+  items.push({ description: "", quantity: 1, price: 0, tax: 0 });
 }
 
 const new_invoice = ref<Invoice>({