shihaam/roadworthiness-sticker-generator
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix sticker rendering
Some checks failed
Deploy static content to Pages / deploy (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Shihaam Abdul Rahman
2026-03-22 02:26:03 +05:00
parent 24f8475b10
commit 2cc20dec72
3 changed files with 21 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
templates/rs-auto.css
View File

@@ -1,7 +1,7 @@
/* RS AUTO Template Styles */ /* RS AUTO Template Styles */
.sticker-rs-auto { .sticker-rs-auto {
width: 280px; width: 280px;
border: 3px solid #000; border: 1px solid #000;
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
font-size: 11px; font-size: 11px;
background: #fff; background: #fff;
@@ -12,65 +12,64 @@
background-color: #000; background-color: #000;
color: #fff; color: #fff;
text-align: center; text-align: center;
padding: 6px 8px; padding: 4px 8px;
font-size: 18px; font-size: 16px;
font-weight: bold; font-weight: bold;
letter-spacing: 4px; letter-spacing: 6px;
} }
.sticker-rs-auto .sticker-barcode-row { .sticker-rs-auto .sticker-barcode-row {
display: flex; display: flex;
align-items: center; align-items: center;
border-bottom: 2px solid #000; border-bottom: 1px solid #000;
padding: 4px 8px; padding: 2px 0 2px 6px;
gap: 8px; gap: 6px;
background: #fff;
} }
.sticker-rs-auto .sticker-barcode-row .barcode-number { .sticker-rs-auto .sticker-barcode-row .barcode-number {
font-size: 11px; font-size: 11px;
font-weight: 500; font-weight: bold;
} }
.sticker-rs-auto .sticker-barcode-row .barcode { .sticker-rs-auto .sticker-barcode-row .barcode {
height: 30px; height: 24px;
flex: 1; flex: 1;
} }
.sticker-rs-auto .sticker-body { .sticker-rs-auto .sticker-body {
display: flex; display: flex;
border-bottom: 2px solid #000; border-bottom: 1px solid #000;
} }
.sticker-rs-auto .sticker-info { .sticker-rs-auto .sticker-info {
flex: 1; flex: 1;
padding: 6px 8px; padding: 4px 6px;
font-size: 10px; font-size: 10px;
line-height: 1.4; line-height: 1.3;
border-right: 1px solid #000;
} }
.sticker-rs-auto .sticker-info .date-row { .sticker-rs-auto .sticker-info .date-row {
margin-bottom: 2px; margin-bottom: 0;
} }
.sticker-rs-auto .sticker-logo { .sticker-rs-auto .sticker-logo {
width: 100px; width: 85px;
border-left: 2px solid #000;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 4px;
} }
.sticker-rs-auto .sticker-logo .logo-svg, .sticker-rs-auto .sticker-logo .logo-svg,
.sticker-rs-auto .sticker-logo .logo-img { .sticker-rs-auto .sticker-logo .logo-img {
width: 90px; width: 100%;
height: 90px; height: auto;
object-fit: contain;
} }
.sticker-rs-auto .sticker-footer { .sticker-rs-auto .sticker-footer {
text-align: center; text-align: center;
padding: 4px 8px; padding: 3px 8px;
font-size: 10px; font-size: 10px;
font-weight: 500; font-weight: bold;
} }

2
templates/rs-auto.html
View File

@@ -16,7 +16,7 @@
<div>{{engineCapacity}}</div> <div>{{engineCapacity}}</div>
</div> </div>
<div class="sticker-logo"> <div class="sticker-logo">
<img src="templates/rs-auto.svg" alt="RS AUTO" class="logo-img"> <img src="templates/rs-auto.png" alt="RS AUTO" class="logo-img">
</div> </div>
</div> </div>
<div class="sticker-footer">RS AUTO, TEL: 775 8999</div> <div class="sticker-footer">RS AUTO, TEL: 775 8999</div>

BIN
templates/rs-auto.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 97 KiB