invoice: add a PAID stamp

If the invoice has a Paid toggle, this will show a little "PAID" stamp on the invoice once that's checked.
gristlabs · Dec 30, 2024 · 488f60c · 488f60c
1 parent be9a2ba
commit 488f60c
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 0 deletions.
diff --git a/invoices/index.html b/invoices/index.html
@@ -178,6 +178,11 @@
             </div>
           </div>
         </template>
+        <template v-if="invoice.Paid">
+          <div class="paid">
+            PAID
+          </div>
+        </template>
 
         <div class="footer">
           <div class="thanks">

diff --git a/invoices/invoice.css b/invoices/invoice.css
@@ -167,6 +167,18 @@ div.instructions, .newlined, p.note {
   white-space: pre-line;
 }
 
+div.paid {
+  position: relative;
+  left: 230px;
+  color: red;
+  rotate: 15deg;
+  font-size: 80px;
+  top: 20px;
+  border: 5px solid red;
+  float: left;
+  font-weight: bolder;
+}
+
 .app {
   position: relative;
 }