isaaccladandCursor
1f8adaf73e
Deploy Ladill Frontdesk / deploy (push) Successful in 46s
Use a smaller black logo with more spacing before the employee name on printed badges. Co-authored-by: Cursor <cursoragent@cursor.com>
41 lines
2.0 KiB
PHP
41 lines
2.0 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Employee Badge · {{ $employee->full_name }}</title>
|
|
<style>
|
|
body { font-family: system-ui, sans-serif; margin: 0; padding: 1rem; background: #f8fafc; }
|
|
.badge { width: 3.5in; border: 2px solid #4f46e5; border-radius: 12px; padding: 1rem; background: #fff; }
|
|
.org { font-size: 0.75rem; color: #666; text-transform: uppercase; letter-spacing: 0.05em; }
|
|
.org-logo { display: block; max-height: 1.35rem; max-width: 75%; object-fit: contain; margin: 0 0 1rem; filter: brightness(0); }
|
|
.name { font-size: 1.5rem; font-weight: 700; margin: 0 0 0.5rem; color: #0f172a; }
|
|
.meta { font-size: 0.875rem; color: #444; line-height: 1.5; }
|
|
.code { font-family: monospace; font-size: 1.25rem; font-weight: 700; color: #4f46e5; margin-top: 1rem; }
|
|
.qr { margin-top: 0.75rem; }
|
|
@media print { body { padding: 0; background: #fff; } .no-print { display: none; } }
|
|
</style>
|
|
</head>
|
|
<body onload="window.print()">
|
|
<button class="no-print" onclick="window.print()" style="margin-bottom:1rem">Print badge</button>
|
|
<div class="badge">
|
|
@php($organization = $employee->organization)
|
|
@if ($organization && \App\Support\OrganizationBranding::hasCustomLogo($organization))
|
|
<img src="{{ \App\Support\OrganizationBranding::logoUrl($organization) }}"
|
|
alt="{{ \App\Support\OrganizationBranding::logoAlt($organization) }}"
|
|
class="org-logo">
|
|
@else
|
|
<div class="org">{{ $organization->name ?? 'Staff' }}</div>
|
|
@endif
|
|
<div class="name">{{ $employee->full_name }}</div>
|
|
<div class="meta">
|
|
@if ($employee->department){{ $employee->department }}<br>@endif
|
|
Staff badge — scan at kiosk
|
|
</div>
|
|
<div class="code">{{ $employee->employee_code }}</div>
|
|
@if ($qrSvg)
|
|
<div class="qr">{!! $qrSvg !!}</div>
|
|
@endif
|
|
</div>
|
|
</body>
|
|
</html>
|