Changed logic and converted to mm and changed alignment of panel sticker #635

Merged
jothi merged 1 commits from ranjith-dev into master 2026-05-22 06:17:45 +00:00

View File

@@ -1,100 +1,70 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<style> <style>
@page { @page {
margin: 0; margin: 0;
} }
body { body{
margin: 0; margin:0;
padding: 0; padding:0;
/* font-family: "Arial Narrow", "DejaVu Sans", sans-serif; */
} }
.sticker { .sticker{
width: 113.39pt; width:40mm;
height: 113.39pt; height:40mm;
overflow: hidden; overflow:hidden;
position:relative;
box-sizing:border-box;
} }
.sticker:last-child { .qr{
page-break-after: auto; width:22mm;
height:22mm;
position:absolute;
top:3mm;
left:9mm;
} }
table { .serial{
width: 100%; position:absolute;
border-collapse: collapse; top:26mm; /* 3 + 22 + 1mm spacing */
width:100%;
text-align:center;
font-family:Arial, sans-serif;
font-weight:bold;
font-size:2mm;
} }
.desc{
td { position:absolute;
padding: 0; top:31.5mm;
margin: 0; width:100%;
vertical-align: top; text-align:center;
font-family:Arial, sans-serif;
font-weight:bold;
font-size:2.5mm;
white-space:nowrap;
} }
</style>
.qr {
width: 90pt;
height: 90pt;
padding-top: 2pt;
/* padding-left: 12pt; */
}
.text {
position: relative;
/* padding-left: 5pt; */
}
.serial {
font-size: 7pt;
font-weight: bold;
position: relative;
/* top: 30pt; */
top: -5pt;
/* padding-left: 1pt; */
}
/* .po {
font-size: 8pt;
font-weight: bold;
text-align: left !important;
position: absolute;
right: 5pt;
top: 8pt;
} */
.desc {
font-family: "Arial Narrow";
font-size: 6pt;
font-weight: bold;
white-space: nowrap;
/* padding-top: 42pt; */
left: -38pt;
}
</style>
</head> </head>
<body> <body>
@foreach($stickers as $sticker) @foreach($stickers as $sticker)
<div class="sticker"> <div class="sticker">
<table>
<tr>
<td align="center">
<img class="qr" src="{{ $sticker['qr'] }}"> <img class="qr" src="{{ $sticker['qr'] }}">
</td>
</tr> <div class="serial">
<tr> {{ $sticker['serial'] }}
<td class="text" align="center">
<div class="serial">{{ $sticker['serial'] }}</div>
</td>
</tr>
<tr>
<td class="text" align="center">
<div class="desc">{{ $sticker['description'] }}</div>
</td>
</tr>
</table>
</div> </div>
<div class="desc">
{{ $sticker['description'] }}
</div>
</div>
@endforeach @endforeach
</body> </body>