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.vue19
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;