aboutsummaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
authorVidhu Kant Sharma <vidhukant@vidhukant.com>2024-07-07 22:15:22 +0530
committerVidhu Kant Sharma <vidhukant@vidhukant.com>2024-07-07 22:15:22 +0530
commit4cab86849f1739d001593a54790e9531bd54092a (patch)
tree8351cc9cad770419c5b01c40c13fd5fdbcbcbe29 /src
parent350105c637626f686369a1a52be08beefb5d88c7 (diff)
added additional firm details printed on invoice
Diffstat (limited to 'src')
-rw-r--r--src/components/InvoiceHeaderEditor.vue1
-rw-r--r--src/components/PrintPreview.vue4
-rw-r--r--src/components/PrintPreviewHeader.vue5
3 files changed, 6 insertions, 4 deletions
diff --git a/src/components/InvoiceHeaderEditor.vue b/src/components/InvoiceHeaderEditor.vue
index 6fe8a25..d0bf81e 100644
--- a/src/components/InvoiceHeaderEditor.vue
+++ b/src/components/InvoiceHeaderEditor.vue
@@ -95,6 +95,7 @@ const submit = async (e: Event) => {
"issuerfirmphone": u.Phone,
"issuerfirmemail": u.Email,
"issuerfirmwebsite": u.Website,
+ "issuerfirmdetails": u.Details,
})
route.push({ name: "edit-invoice", params: { id: res.data.data.ID }})
diff --git a/src/components/PrintPreview.vue b/src/components/PrintPreview.vue
index 1e98eb7..b733310 100644
--- a/src/components/PrintPreview.vue
+++ b/src/components/PrintPreview.vue
@@ -1,6 +1,4 @@
<script setup lang="ts">
- import { ref, toRaw, onMounted } from "vue"
-
import PrintPreviewHeader from './PrintPreviewHeader.vue'
import PrintPreviewRecipientDetails from './PrintPreviewRecipientDetails.vue'
import PrintPreviewItemsList from './PrintPreviewItemsList.vue'
@@ -31,7 +29,7 @@
}
.print-preview {
display: grid;
- grid-template-rows: 1fr 2fr auto 1.5fr;
+ grid-template-rows: 1fr 1.5fr auto 1.5fr;
row-gap: 1em;
}
</style>
diff --git a/src/components/PrintPreviewHeader.vue b/src/components/PrintPreviewHeader.vue
index 4492eb5..9e89c84 100644
--- a/src/components/PrintPreviewHeader.vue
+++ b/src/components/PrintPreviewHeader.vue
@@ -15,6 +15,9 @@
<div class="firm-address">
{{ props.invoice.IssuerFirmAddress }}
</div>
+ <div class="firm-details">
+ {{ props.invoice.IssuerFirmDetails }}
+ </div>
</div>
<div class="header-col3">
@@ -68,7 +71,7 @@
font-size: 1.6em;
font-weight: bold;
}
-.firm-address {
+.firm-address, .firm-details {
font-size: 0.9em;
line-height: 1.2em;
white-space: pre-wrap;