a3fb3c38f5
Some checks failed
Scan for leaked secrets using Kingfisher / kingfisher-secrets-scan (push) Has been cancelled
Gemini PR Review / Gemini PR Review (pull_request) Has been cancelled
Scan for leaked secrets using Kingfisher / kingfisher-secrets-scan (pull_request) Has been cancelled
Laravel Larastan / larastan (pull_request) Has been cancelled
Laravel Pint / pint (pull_request) Has been cancelled
106 lines
2.1 KiB
PHP
106 lines
2.1 KiB
PHP
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<style>
|
|
@page {
|
|
margin: 0;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.sticker {
|
|
width: 170pt;
|
|
height: 40pt;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.sticker:last-child {
|
|
page-break-after: auto;
|
|
}
|
|
|
|
table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
td {
|
|
padding: 0;
|
|
margin: 0;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.qr {
|
|
width: 26pt;
|
|
height: 26pt;
|
|
padding-top: 7pt;
|
|
padding-left: 6.5pt;
|
|
}
|
|
|
|
/* .text {
|
|
padding-left: 5pt;
|
|
} */
|
|
|
|
.text {
|
|
position: relative;
|
|
padding-left: 5pt;
|
|
}
|
|
|
|
/* .serial {
|
|
font-size: 10pt;
|
|
font-weight: bold;
|
|
margin-top: 6pt;
|
|
} */
|
|
|
|
.serial {
|
|
font-size: 10pt;
|
|
font-weight: bold;
|
|
position: relative;
|
|
top: 5pt;
|
|
right: 6pt;
|
|
}
|
|
|
|
/* .po {
|
|
font-size: 8pt;
|
|
margin-bottom: 6pt;
|
|
margin-left: 75pt;
|
|
} */
|
|
|
|
.po {
|
|
font-size: 8pt;
|
|
position: absolute;
|
|
right: 5pt;
|
|
top: 6pt;
|
|
}
|
|
|
|
.desc {
|
|
font-size: 7pt;
|
|
margin-left: -5pt;
|
|
padding-top: 10pt;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
@foreach($stickers as $sticker)
|
|
<div class="sticker">
|
|
<table>
|
|
<tr>
|
|
<td style="width:40pt;">
|
|
<img class="qr" src="{{ $sticker['qr'] }}">
|
|
</td>
|
|
<td class="text">
|
|
<div class="serial">{{ $sticker['serial'] }}</div>
|
|
<div class="po">{{ $sticker['production_order'] }}</div>
|
|
<div class="desc">{{ $sticker['description'] }}</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
@endforeach
|
|
|
|
</body>
|
|
</html>
|