aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorVidhu Kant Sharma <vidhukant@vidhukant.com>2024-07-09 07:58:59 +0530
committerVidhu Kant Sharma <vidhukant@vidhukant.com>2024-07-09 07:58:59 +0530
commit79f3d11f12c0d9b4bc75c902697a070fa3bef251 (patch)
treed23bc9e8699daa1d4584519fa7ad4fd84d05b102
parentac8996cefaa27359a6f62cc570484b501903e6e2 (diff)
added custom fields in PrintPreviewFooter
-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;