novy/aplikasi-ketertiban
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(tatib): PDF SP — logo kop diperbesar ke 70px (proporsional dengan teks), padding tabel 3px, alamat kop 7.5pt; tetap 1 lembar F4

Browse Source
This commit is contained in:
Novy San87
2026-08-26 11:24:12 +07:00
parent 44207c9aed
commit f80ac989b3
1 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/sp-letters/print.blade.php
+10 -10
View File
@@ -4,32 +4,32 @@
<meta charset="utf-8"> <meta charset="utf-8">
<title>Cetak SP - {{ $spLetter->student->full_name }}</title> <title>Cetak SP - {{ $spLetter->student->full_name }}</title>
<style> <style>
@page { margin: 0.5cm 1cm 0.5cm; size: 210mm 330mm; } /* F4 */ @page { margin: 0.4cm 1cm 0.35cm; size: 210mm 330mm; } /* F4 */
p { margin: 0; } p { margin: 0; }
body { font-family: 'Times New Roman', 'DejaVu Serif', Times, serif; font-size: 12pt; line-height: 1.37; color: #000; } body { font-family: 'Times New Roman', 'DejaVu Serif', Times, serif; font-size: 12pt; line-height: 1.28; color: #000; }
.kop-surat { margin-bottom: 4px; } .kop-surat { margin-bottom: 4px; }
.kop-table { width: 100%; border-collapse: collapse; margin-bottom: 6px; } .kop-table { width: 100%; border-collapse: collapse; margin-bottom: 6px; }
.kop-table td { border: none; padding: 0; } .kop-table td { border: none; padding: 0; }
.kop-logo { width: 84px; text-align: center; vertical-align: middle; } .kop-logo { width: 84px; text-align: center; vertical-align: middle; }
.kop-logo img { height: 36px; width: auto; max-width: 76px; object-fit: contain; } .kop-logo img { height: 70px; width: auto; max-width: 76px; object-fit: contain; }
.kop-text { text-align: center; vertical-align: middle; width: 400pt; } .kop-text { text-align: center; vertical-align: middle; width: 400pt; }
.kop-1, .kop-2 { font-size: 13pt; font-weight: bold; margin: 0; text-transform: uppercase; } .kop-1, .kop-2 { font-size: 13pt; font-weight: bold; margin: 0; text-transform: uppercase; }
.kop-3 { font-size: 13pt; font-weight: bold; margin: 1px 0; text-transform: uppercase; } .kop-3 { font-size: 13pt; font-weight: bold; margin: 1px 0; text-transform: uppercase; }
.kop-4, .kop-5, .kop-6 { font-size: 7pt; margin: 0; } .kop-4, .kop-5, .kop-6 { font-size: 7.5pt; margin: 0; }
.kop-surat .line { border-top: 2.5px solid #000; margin-top: 6px; } .kop-surat .line { border-top: 2.5px solid #000; margin-top: 6px; }
.kop-surat .sub-line { border-top: 1px solid #000; margin-top: 2px; } .kop-surat .sub-line { border-top: 1px solid #000; margin-top: 2px; }
.letter-number { text-align: center; margin: 0 0 1.4em; font-weight: bold; font-size: 12pt; } .letter-number { text-align: center; margin: 0 0 1.2em; font-weight: bold; font-size: 12pt; }
.letter-number .letter-title { font-size: 13pt; } .letter-number .letter-title { font-size: 13pt; }
.to-title { margin-bottom: 1.4em; } .to-title { margin-bottom: 1.2em; }
.body-text { text-align: justify; margin-bottom: 2px; } .body-text { text-align: justify; margin-bottom: 0; }
.body-text p { margin-bottom: 0; } .body-text p { margin-bottom: 0; }
.violation-list { margin: 0 0 1px 20px; } .violation-list { margin: 0 0 1px 20px; }
.violation-list li { margin-bottom: 3px; } .violation-list li { margin-bottom: 3px; }
.violation-table { width: 100%; border-collapse: collapse; margin: 4px 0; line-height: 1.1; } .violation-table { width: 100%; border-collapse: collapse; margin: 4px 0; line-height: 1.05; }
.violation-table th, .violation-table td { border: 1px solid #000; padding: 2px 6px; text-align: left; font-size: 12pt; } .violation-table th, .violation-table td { border: 1px solid #000; padding: 3px 7px; text-align: left; font-size: 12pt; }
.violation-table th { font-weight: bold; } .violation-table th { font-weight: bold; }
.violation-table .total-row td { font-weight: bold; } .violation-table .total-row td { font-weight: bold; }
.signature { margin-top: 1.4em; padding-left: 20em; } .signature { margin-top: 1.1em; padding-left: 16em; }
.signature .date { text-align: left; margin-bottom: 1px; } .signature .date { text-align: left; margin-bottom: 1px; }
.signature .title { text-align: left; margin-bottom: 2.8em; } /* enter 2x — ruang tanda tangan */ .signature .title { text-align: left; margin-bottom: 2.8em; } /* enter 2x — ruang tanda tangan */
.signature .name { text-align: left; font-weight: bold; } .signature .name { text-align: left; font-weight: bold; }