aboutsummaryrefslogtreecommitdiff
path: root/src/components/PrintPreviewFooter.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/PrintPreviewFooter.vue')
-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>