first commit

2025-07-19 18:25:04 +08:00
commit 6a5396d38a
8 changed files with 680 additions and 0 deletions
@@ -0,0 +1,65 @@
+.page {
+        /* border: 1px solid #000; */
+        width: 194mm;
+        height: 279.4mm;
+        display: grid;
+        grid-template-columns: repeat(4, 48.5mm);
+        grid-template-rows: repeat(11, 25.4mm);
+        gap: 0;
+    }
+
+    .print-area {
+        border: 0.1mm dashed #87CEFA;
+        display: flex;
+        justify-content: center;
+        align-content: flex-start;
+        margin: 0.25mm;
+    }
+
+    .print-area:nth-child(41),
+    .print-area:nth-child(42),
+    .print-area:nth-child(43),
+    .print-area:nth-child(44) {
+        padding-bottom: 4mm;
+    }
+
+    .print-area:nth-child(41) .qrcode,
+    .print-area:nth-child(42) .qrcode,
+    .print-area:nth-child(43) .qrcode,
+    .print-area:nth-child(44) .qrcode {
+        height: calc(100% - 5mm);
+    }
+
+    .item {
+        height: 100%;
+        width: 100%;
+        display: flex;
+    }
+
+    /*Styling below is used just for positioning the items inside the label. */
+
+    .left-content {
+        width: 24mm;
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        justify-content: center;
+        height: inherit;
+        font-size: 3mm;
+        line-height: 3mm;
+        color: #87CEFA;
+    }
+
+    .right-content {
+        display: grid;
+        font-size: 4mm;
+        align-items: center;
+        justify-content: center;
+        height: 100%;
+        width: auto;
+    }
+
+    .qrcode {
+        height: calc(100% - 6mm);
+        margin: 0;
+    }