aboutsummaryrefslogtreecommitdiff
path: root/src/components
diff options
context:
space:
mode:
authorVidhu Kant Sharma <vidhukant@vidhukant.com>2024-07-09 08:41:33 +0530
committerVidhu Kant Sharma <vidhukant@vidhukant.com>2024-07-09 08:41:33 +0530
commitb4c95bb5e9a479007853992e0fb9f5dadedb1940 (patch)
treeedaf6fa93602f3ed364c05edc464fc571f866af1 /src/components
parent79f3d11f12c0d9b4bc75c902697a070fa3bef251 (diff)
now printing a place for signature
Diffstat (limited to 'src/components')
-rw-r--r--src/components/PrintPreviewFooter.vue37
1 files changed, 36 insertions, 1 deletions
diff --git a/src/components/PrintPreviewFooter.vue b/src/components/PrintPreviewFooter.vue
index c6c7093..d41d621 100644
--- a/src/components/PrintPreviewFooter.vue
+++ b/src/components/PrintPreviewFooter.vue
@@ -52,7 +52,21 @@
</span>
</div>
<div class="firm-signature-wrapper">
- <img src="../assets/placeholdersignature.png"/>
+ <div class="tiny">
+ Certified that the particulars given above are true and correct.
+ </div>
+
+ <div class="large">
+ For, {{ invoice.IssuerFirmName }}
+ </div>
+
+ <div class="signature-container">
+ <img src="../assets/DefaultSignaturePlaceholder.png"/>
+ </div>
+
+ <div class="tiny">
+ Authorized Signatory
+ </div>
</div>
</div>
</div>
@@ -77,7 +91,19 @@
display: grid;
grid-template-rows: 2fr 4fr 6fr;
}
+.footer--col2 {
+ display: grid;
+ grid-template-rows: 2fr 3fr;
+}
.firm-signature-wrapper {
+ padding: 0.1em 0.3em;
+ border-top: 1px solid gray;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-around;
+ align-items: center;
+}
+.firm-signature-wrapper .signature-container {
display: flex;
justify-content: center;
align-items: center;
@@ -91,6 +117,7 @@
display: grid;
grid-template-columns: 1fr;
padding: 0.1em 0.3em;
+ grid-auto-rows: 1.1rem;
}
.total-summary-row {
display: grid;
@@ -115,4 +142,12 @@
padding: 0.1em 0.3em;
border-top: 1px solid gray;
}
+.firm-signature-wrapper .tiny {
+ font-size: .8em;
+ font-weight: bold;
+}
+.firm-signature-wrapper .large {
+ font-size: 1.3em;
+ font-weight: bold;
+}
</style>