diff options
| author | Vidhu Kant Sharma <vidhukant@vidhukant.com> | 2024-07-09 07:58:59 +0530 |
|---|---|---|
| committer | Vidhu Kant Sharma <vidhukant@vidhukant.com> | 2024-07-09 07:58:59 +0530 |
| commit | 79f3d11f12c0d9b4bc75c902697a070fa3bef251 (patch) | |
| tree | d23bc9e8699daa1d4584519fa7ad4fd84d05b102 | |
| parent | ac8996cefaa27359a6f62cc570484b501903e6e2 (diff) | |
added custom fields in PrintPreviewFooter
| -rw-r--r-- | src/components/PrintPreviewFooter.vue | 19 |
1 files changed, 19 insertions, 0 deletions
diff --git a/src/components/PrintPreviewFooter.vue b/src/components/PrintPreviewFooter.vue index 61837ed..c6c7093 100644 --- a/src/components/PrintPreviewFooter.vue +++ b/src/components/PrintPreviewFooter.vue @@ -15,6 +15,14 @@ </div> <div class="footer--col1--row2"> + <div v-for="cf in props.invoice.CustomFields" :key="cf.ID" class="cf-wrapper"> + <div class="cf-key"> + <strong>{{ cf.Key }}:</strong> + </div> + <div class="cf-value"> + {{ cf.Value }} + </div> + </div> </div> <div class="footer--col1--row3"> @@ -88,6 +96,17 @@ display: grid; grid-template-columns: 1fr 1fr; } +.footer--col1--row2 { + display: grid; + grid-template-columns: 1fr 1fr; + grid-auto-rows: 1.1rem; + white-space: pre-wrap; + padding: 0.1em 0.3em; +} +.footer--col1--row2 .cf-wrapper { + display: flex; + gap: 0.4em; +} .footer--col1--row3 { display: grid; grid-template-rows: 1.3em 1fr; |