feat(template): add ch-cross

2025-08-22 16:34:08 +02:00
parent 7c6916f3a1
commit 0267e6e578
4 changed files with 117 additions and 6 deletions
--- a/report/assets/style.css
+++ b/report/assets/style.css
@@ -0,0 +1,134 @@
+body {
+  font-family: sans-serif;
+  margin: 40px;
+  color: #333;
+}
+section {
+  margin-bottom: 3em;
+}
+p {
+  margin-top: 0.25em;
+  margin-bottom: 0.5em;
+}
+header {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 40px;
+
+  h2 {
+    margin-top: 0;
+  }
+}
+h1 {
+  margin: 0;
+  font-size: 2em;
+}
+.company,
+.client {
+  margin-bottom: 20px;
+}
+table {
+  width: 100%;
+  border-collapse: collapse;
+  margin-bottom: 20px;
+}
+table,
+th,
+td {
+  border: 1px solid #ccc;
+}
+th,
+td {
+  padding: 10px;
+  text-align: left;
+}
+th {
+  background-color: #f2f2f2;
+}
+tfoot td {
+  font-weight: bold;
+}
+h2 {
+  margin-top: 40px;
+}
+article {
+  margin-bottom: 20px;
+}
+footer {
+  margin-top: 40px;
+  font-size: 0.9em;
+  text-align: center;
+  color: #666;
+}
+.totals {
+  float: right;
+  width: 300px;
+  margin-top: -15px;
+}
+.totals table {
+  border: none;
+  margin: 0;
+}
+.totals td {
+  border: none;
+  padding: 5px 10px;
+  text-align: right;
+}
+
+@media print {
+  .page,
+  .page-break {
+    break-after: page;
+  }
+}
+.qr-section {
+  position: absolute;
+  bottom: 0;
+
+  display: grid;
+  grid-template-columns: 250px 1fr;
+  grid-template-rows: 1fr;
+  gap: 1em;
+
+  width: 100%;
+  /* border-top: 2px solid #000; */
+  /* padding-top: 1rem; */
+
+  h4 {
+    margin-bottom: 0.1em;
+  }
+
+  .qr-code {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+
+    .qr-section-img {
+      position: relative;
+      width: 100%;
+      img {
+        width: 100%;
+      }
+      svg {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        z-index: 1;
+        width: 40px;
+      }
+    }
+
+    .qr-section-info {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      grid-template-rows: 1fr 1fr;
+      justify-items: center;
+    }
+  }
+
+  .payment-details {
+    font-size: 0.9rem;
+    line-height: 1.4;
+  }
+}