diff --git a/resources/views/emails/payslip.blade.php b/resources/views/emails/payslip.blade.php index 1fadb000..9a621933 100644 --- a/resources/views/emails/payslip.blade.php +++ b/resources/views/emails/payslip.blade.php @@ -7,20 +7,18 @@ body { font-family: 'Noto Sans KR', 'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif; margin: 0; padding: 20px; background: #fff; } .container { max-width: 720px; margin: 0 auto; background: #fff; padding: 40px 36px; } h1 { text-align: center; font-size: 22px; font-weight: 800; letter-spacing: 2px; margin: 0 0 28px; border-bottom: 3px solid #333; padding-bottom: 16px; } - .info-table { width: 100%; border-collapse: collapse; margin-bottom: 20px; } - .info-table td { padding: 6px 10px; font-size: 13px; border: 1px solid #999; } - .info-table .label { font-weight: bold; background: #f0f0f0; width: 70px; white-space: nowrap; } - .info-table .value { min-width: 100px; } + .info-table { width: 100%; border-collapse: collapse; margin-bottom: 20px; table-layout: fixed; } + .info-table td { padding: 6px 8px; font-size: 12px; border: 1px solid #999; overflow: hidden; } + .info-table .label { font-weight: bold; background: #f0f0f0; text-align: center; } .payslip-table { width: 100%; border-collapse: collapse; margin-bottom: 0; } .payslip-table th, .payslip-table td { border: 1px solid #999; padding: 7px 12px; font-size: 13px; } .payslip-table th { background: #e8e8e8; font-weight: 700; text-align: center; letter-spacing: 4px; } .payslip-table .item-name { text-align: center; } - .payslip-table .item-amount { text-align: right; font-variant-numeric: tabular-nums; } + .payslip-table .item-amount { text-align: right; } .payslip-table .total-row td { font-weight: 700; background: #f8f8f8; } .payslip-table .net-row td { font-weight: 800; font-size: 14px; background: #f0f7ff; } - .footer { margin-top: 20px; padding-top: 12px; font-size: 12px; color: #666; overflow: hidden; } - .footer .left { float: left; } - .footer .right { float: right; } + .footer-table { width: 100%; margin-top: 20px; padding-top: 12px; border: none; } + .footer-table td { font-size: 12px; color: #666; border: none; padding: 0; } @@ -29,21 +27,29 @@ {{-- 사원 정보 --}} + + + + + + + + - + - + - + - - - - - - + + + + + +
사원코드{{ $payslipData['employee_code'] ?? '-' }}{{ $payslipData['employee_code'] ?? '-' }} 사원명{{ $payslipData['employee_name'] ?? '-' }}{{ $payslipData['employee_name'] ?? '-' }} 입사일{{ $payslipData['hire_date'] ?? '-' }}{{ $payslipData['hire_date'] ?? '-' }}
부 서{{ $payslipData['department'] ?? '-' }}직 급{{ $payslipData['position'] ?? '-' }}호 봉{{ $payslipData['grade'] ?? '-' }}부서{{ $payslipData['department'] ?? '-' }}직급{{ $payslipData['position'] ?? '-' }}호봉{{ $payslipData['grade'] ?? '-' }}
@@ -100,10 +106,12 @@ - + + + + + +