diff options
| -rw-r--r-- | src/assets/DefaultSignaturePlaceholder.png | bin | 0 -> 1855 bytes | |||
| -rw-r--r-- | src/assets/placeholdersignature.png | bin | 16683 -> 0 bytes | |||
| -rw-r--r-- | src/components/PrintPreviewFooter.vue | 37 |
3 files changed, 36 insertions, 1 deletions
diff --git a/src/assets/DefaultSignaturePlaceholder.png b/src/assets/DefaultSignaturePlaceholder.png Binary files differnew file mode 100644 index 0000000..2d84245 --- /dev/null +++ b/src/assets/DefaultSignaturePlaceholder.png diff --git a/src/assets/placeholdersignature.png b/src/assets/placeholdersignature.png Binary files differdeleted file mode 100644 index 82f8d99..0000000 --- a/src/assets/placeholdersignature.png +++ /dev/null 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> |
