refactor: remove decorative borders and normalize print layout styling for PDF generation
This commit is contained in:
@@ -42,8 +42,6 @@
|
||||
</div>
|
||||
|
||||
<!-- Thin Minimal Orange/Slate Inner Border -->
|
||||
<div class="absolute inset-6 border border-slate-200/50 rounded-[1.5rem] pointer-events-none z-10"></div>
|
||||
<div class="absolute inset-[28px] border-2 border-orange-500/15 rounded-[1.3rem] pointer-events-none z-10"></div>
|
||||
|
||||
<div class="relative z-10 flex flex-col justify-between h-full min-h-[580px] md:min-h-[540px]">
|
||||
|
||||
@@ -63,8 +61,8 @@
|
||||
<div class="text-center my-auto px-4">
|
||||
<h1 class="font-cinzel text-3xl md:text-5xl text-slate-900 mt-8 mb-2" style="font-weight: 900; letter-spacing: 0.04em;">STAJ BİTİRME<br>SERTİFİKASI</h1>
|
||||
|
||||
<p class="text-slate-400 text-xs md:text-sm tracking-wider mb-2">SAYIN</p>
|
||||
<h2 class="font-cinzel text-2xl md:text-4xl font-extrabold text-slate-900 tracking-wide mb-6">{{ $application->name }}</h2>
|
||||
<p class="text-slate-400 text-xs md:text-sm tracking-wider mb-0">SAYIN</p>
|
||||
<h2 class="font-cinzel text-2xl md:text-4xl font-extrabold text-slate-900 tracking-wide mb-6 mt-0">{{ $application->name }}</h2>
|
||||
|
||||
<div class="max-w-3xl mx-auto text-slate-700 leading-relaxed text-sm md:text-base space-y-4">
|
||||
<p>
|
||||
@@ -376,6 +374,7 @@
|
||||
padding: 15mm !important;
|
||||
box-shadow: none !important;
|
||||
border: none !important;
|
||||
border-radius: 0 !important;
|
||||
box-sizing: border-box !important;
|
||||
page-break-after: always !important;
|
||||
break-after: page !important;
|
||||
@@ -398,6 +397,7 @@
|
||||
padding: 10mm !important;
|
||||
box-shadow: none !important;
|
||||
border: none !important;
|
||||
border-radius: 0 !important;
|
||||
box-sizing: border-box !important;
|
||||
overflow: hidden !important;
|
||||
}
|
||||
@@ -470,16 +470,20 @@
|
||||
const origCertTransform = certEl.style.transform;
|
||||
const origCertWidth = certEl.style.width;
|
||||
const origCertHeight = certEl.style.height;
|
||||
const origCertRadius = certEl.style.borderRadius;
|
||||
const origTransTransform = transEl.style.transform;
|
||||
const origTransWidth = transEl.style.width;
|
||||
const origTransHeight = transEl.style.height;
|
||||
const origTransRadius = transEl.style.borderRadius;
|
||||
|
||||
certEl.style.transform = 'none';
|
||||
certEl.style.width = '1122px';
|
||||
certEl.style.height = '794px';
|
||||
certEl.style.borderRadius = '0';
|
||||
transEl.style.transform = 'none';
|
||||
transEl.style.width = '794px';
|
||||
transEl.style.height = '1122px';
|
||||
transEl.style.borderRadius = '0';
|
||||
|
||||
// Render Page 1 (Landscape)
|
||||
const certCanvas = await html2canvas(certEl, {
|
||||
@@ -519,9 +523,11 @@
|
||||
certEl.style.transform = origCertTransform;
|
||||
certEl.style.width = origCertWidth;
|
||||
certEl.style.height = origCertHeight;
|
||||
certEl.style.borderRadius = origCertRadius;
|
||||
transEl.style.transform = origTransTransform;
|
||||
transEl.style.width = origTransWidth;
|
||||
transEl.style.height = origTransHeight;
|
||||
transEl.style.borderRadius = origTransRadius;
|
||||
|
||||
// Trigger Save File
|
||||
pdf.save('{{ str()->slug($application->name) }}-staj-belgesi.pdf');
|
||||
|
||||
Reference in New Issue
Block a user