diff --git a/resources/views/front/career/verify.blade.php b/resources/views/front/career/verify.blade.php index 8f68671..2493c64 100644 --- a/resources/views/front/career/verify.blade.php +++ b/resources/views/front/career/verify.blade.php @@ -116,39 +116,39 @@ -
+
-
+
-
+
-
+
-

Staj Akademik Transkripti

-

Ve Performans Değerlendirme Raporu

+

Staj Akademik Transkripti

+

Ve Performans Değerlendirme Raporu

- Trunçgil Logo + Trunçgil Logo
-
-

Öğrenci / Stajyer Bilgileri

-
-
+
+

Öğrenci / Stajyer Bilgileri

+
+
Adı Soyadı: {{ $application->name }}
-
+
E-Posta Adresi: {{ $application->email }}
-
+
Staj Dönemi: {{ \Carbon\Carbon::parse($application->internship_start_date)->format('d.m.Y') }} - {{ \Carbon\Carbon::parse($application->internship_end_date)->format('d.m.Y') }}
-
+
Toplam Staj Süresi: {{ $application->internship_total_days }} İş Günü
@@ -156,21 +156,21 @@
-
+
{!! new \Illuminate\Support\HtmlString(\Illuminate\Support\Str::markdown($application->transcript_markdown ?? '')) !!}
-
-
- QR Code +
+
+ QR Code
- Güvenli Doğrulama Kodu - {{ $application->certificate_code }} + Güvenli Doğrulama Kodu + {{ $application->certificate_code }}
-
+
Trunçgil Teknoloji San. ve Tic. Ltd. Şti.
Gaziantep Üniversitesi Teknopark No: 4A
@@ -208,33 +208,34 @@ .transcript-page { width: 100%; max-width: 210mm; - min-height: 297mm; + height: 297mm; box-sizing: border-box; } /* Elegant Markdown Table Styling inside prose (Reduced font sizes & paddings) */ .prose table { width: 100%; - margin-top: 1em; - margin-bottom: 1em; + margin-top: 0.35rem !important; + margin-bottom: 0.35rem !important; border-collapse: collapse; text-align: left; } .prose th { font-weight: 700; - padding: 0.4rem 0.6rem; + padding: 0.2rem 0.35rem !important; background-color: #f8fafc; border-bottom: 2px solid #e2e8f0; color: #1e293b; - font-size: 0.7rem; + font-size: 0.45rem !important; text-transform: uppercase; letter-spacing: 0.05em; } .prose td { - padding: 0.4rem 0.6rem; + padding: 0.2rem 0.35rem !important; border-bottom: 1px solid #e2e8f0; color: #334155; - font-size: 0.75rem; + font-size: 0.45rem !important; + line-height: 1.2 !important; } .prose tr:hover { background-color: #f8fafc; @@ -242,32 +243,57 @@ .prose h3 { font-family: 'Cinzel', serif; color: #0f172a; - margin-top: 1.25rem; - margin-bottom: 0.5rem; + margin-top: 0.5rem !important; + margin-bottom: 0.25rem !important; border-bottom: 1px solid #e2e8f0; - padding-bottom: 0.3rem; + padding-bottom: 0.15rem; font-weight: 700; - font-size: 0.95rem; + font-size: 0.6rem !important; } .prose h4 { color: #1e293b; - margin-top: 1rem; - margin-bottom: 0.4rem; + margin-top: 0.4rem !important; + margin-bottom: 0.2rem !important; font-weight: 600; - font-size: 0.85rem; + font-size: 0.52rem !important; } - .prose p, .prose li { - font-size: 0.75rem; - line-height: 1.5; - margin-bottom: 0.5rem; + .prose p { + font-size: 0.45rem !important; + line-height: 1.3 !important; + margin-top: 0.15rem !important; + margin-bottom: 0.2rem !important; + } + .prose ul { + display: grid; + grid-template-columns: repeat(2, minmax(0, 1fr)); + gap: 0.1rem 0.75rem; + padding-left: 0 !important; + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + list-style-type: none !important; + } + .prose ul li { + font-size: 0.45rem !important; + line-height: 1.3 !important; + margin: 0 !important; + position: relative; + padding-left: 0.5rem !important; + } + .prose ul li::before { + content: "•"; + color: #f97316; + position: absolute; + left: 0; + top: 0; + font-weight: bold; } .prose blockquote { - border-left: 3px solid #f97316; - padding-left: 0.75rem; + border-left: 2px solid #f97316; + padding-left: 0.4rem !important; font-style: italic; color: #475569; - margin: 1rem 0; - font-size: 0.75rem; + margin: 0.4rem 0 !important; + font-size: 0.45rem !important; } /* Print media config for mixed Landscape & Portrait */ @@ -330,10 +356,11 @@ height: 297mm !important; min-height: 297mm !important; margin: 0 !important; - padding: 12mm !important; + padding: 10mm !important; box-shadow: none !important; border: none !important; box-sizing: border-box !important; + overflow: hidden !important; } }