diff options
| -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; |