diff --git a/config/dompdf.php b/config/dompdf.php index 7b30e39..be455f0 100644 --- a/config/dompdf.php +++ b/config/dompdf.php @@ -30,7 +30,7 @@ return [ | By default DOMPDF_FONT_DIR is set to storage_path('fonts/'). | */ - 'font_dir' => env('DOMPDF_FONT_DIR', storage_path('fonts/')), + 'font_dir' => storage_path('fonts/'), /* |-------------------------------------------------------------------------- @@ -40,7 +40,7 @@ return [ | By default DOMPDF_FONT_CACHE is set to storage_path('fonts/'). | */ - 'font_cache' => env('DOMPDF_FONT_CACHE', storage_path('fonts/')), + 'font_cache' => storage_path('fonts/'), /* |-------------------------------------------------------------------------- diff --git a/resources/views/invoices/order-invoice.blade.php b/resources/views/invoices/order-invoice.blade.php index b7bc453..b30dbf6 100644 --- a/resources/views/invoices/order-invoice.blade.php +++ b/resources/views/invoices/order-invoice.blade.php @@ -11,9 +11,34 @@ padding: 0; box-sizing: border-box; } + + @font-face { + font-family: 'AbrilFatface'; + font-style: normal; + font-weight: 400; + src: url('{{ storage_path("fonts/AbrilFatface-Regular.ttf") }}') format('truetype'); + } + + + @font-face { + font-family: 'Montserrat'; + font-style: normal; + font-weight: 400; + src: url('{{ storage_path("fonts/Montserrat-Regular.ttf") }}') format('truetype'); + } + + @font-face { + font-family: 'Montserrat'; + /* font-style: normal; */ + font-weight: 700; + src: url('{{ storage_path("fonts/Montserrat-Bold.ttf") }}') format('truetype'); + } + + body { - font-family: 'Montserrat', sans-serif; - color: #333; + font-family: Montserrat; + font-style: normal; + font-weight: 400; line-height: 1.6; background: white; } @@ -29,72 +54,72 @@ display: flex; justify-content: space-between; align-items: flex-start; - margin-bottom: 20px; + margin-bottom: 8px; border-bottom: 1px solid #1a1a1a; padding-bottom: 20px; + gap: 40px; + } + + .company-info { + flex: 1; } .company-info h1 { - font-family: Abril Fatface; - font-size: 36px; - color: #1a1a1a; - margin-bottom: 10px; + font-family: AbrilFatface, Georgia, serif; font-weight: normal; + font-size: 36px; + margin-bottom: 5px; + } + + .company-details h2 { + font-family: AbrilFatface; + font-weight: normal; + font-size: 20px; + /* margin-bottom: 10px; */ } .company-details { font-size: 10px; - color: #666; - line-height: 1.5; + line-height: 1.2; + } + + .invoice-details h2 { + font-family: AbrilFatface; + font-weight: normal; + font-size: 20px; + /* margin-bottom: 10px; */ } .invoice-details { text-align: right; - /* line-height: 1.5; */ - } - - .invoice-details h2 { - font-size: 28px; - color: #1a1a1a; - font-weight: normal; - /* margin-bottom: 20px; */ - font-family: 'AbrilFatface', Georgia, serif; + flex-shrink: 0; } .detail-row { display: flex; justify-content: flex-end; - /* margin-bottom: 8px; */ font-size: 10px; } .detail-row strong { margin-right: 20px; - color: #666; width: 120px; } .detail-row span { - color: #1a1a1a; width: 150px; } - .section-title { + .customer-info h3 { + font-family: AbrilFatface, Georgia, serif; + font-weight: normal; font-size: 20px; - font-weight: 700; - text-transform: uppercase; - letter-spacing: 1px; - color: #666; - margin-top: 20px; - /* margin-bottom: 20px; */ - /* border-bottom: 1px solid #e0e0e0; */ - padding-bottom: 12px; + /* text-transform: uppercase; */ + /* letter-spacing: 0.5px; */ } .customer-info { display: flex; - /* gap: 80px; */ - /* margin-bottom: 40px; */ font-size: 12px; } @@ -102,63 +127,59 @@ flex: 1; } - .customer-info h3 { - font-size: 16px; - font-weight: 700; - text-transform: uppercase; - letter-spacing: 0.5px; - color: #666; - /* margin-bottom: 8px; */ - } + .customer-info p { - color: #1a1a1a; - /* margin-bottom: 4px; */ - line-height: 1.5; + line-height: 1.2; + } + + .section-title { + font-family: AbrilFatface, Georgia, serif; + font-weight: normal; + font-size: 20px; + /* margin-top: 20px; */ + padding-bottom: 12px; } table { width: 100%; border-collapse: collapse; - margin-bottom: 40px; + margin-bottom: 20px; } thead { - background-color: #f5f5f5; + background-color: #f5f3f0; } th { font-size: 12px; - font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; - color: #666; - padding: 12px 16px; + padding: 2px 16px; text-align: left; - /* border: 1px solid #e0e0e0; */ } td { - padding: 10px 10px; - /* border: 1px solid #e0e0e0; */ + padding: 0px 10px; font-size: 13px; - color: #1a1a1a; } tr:nth-child(even) { - background-color: #fafafa; + background-color: #f5f3f0; } .item-name { - font-weight: 500; + font-family: AbrilFatface, Georgia, serif; + font-weight: normal; + padding: 0px 10px; } .item-label { font-size: 11px; - color: #999; text-transform: uppercase; letter-spacing: 0.5px; - /* margin-top: 2px; */ + padding: 0px 20px; + } .qty { @@ -170,70 +191,40 @@ } .totals-section { - margin-bottom: 40px; + /* margin-bottom: 40px; */ + background-color: #e8dcd8; + padding: 8px; + border-radius: 20px; } .totals-box { margin-left: auto; width: 350px; + padding: 0px 16px; } .total-row { display: flex; - padding: 12px 16px; font-size: 13px; - } - - .total-row strong { - color: #1a1a1a; - } - - .total-row span { - color: #666; - text-align: right; - flex: 1; - } - - .total-row.subtotal strong { - font-weight: 500; - } - - .total-row.shipping strong { - font-weight: 500; + padding: 0px 16px; } .total-row.grand-total { - /* background-color: #f5f5f5; */ - /* border: 1px solid #e0e0e0; */ - font-size: 15px; - font-weight: 700; - padding: 12px 16px; - + font-family: AbrilFatface, Georgia, serif; + font-size: 30px; + padding: 0px 16px; } - .total-row.grand-total strong { - color: #1a1a1a; - font-family: 'AbrilFatface', Georgia, serif; - font-weight: normal; - } - - .total-row.grand-total span { - color: #1a1a1a; - font-size: 16px; - - } .footer-section { margin-top: 60px; - padding-top: 30px; - border-top: 1px solid #e0e0e0; + /* padding-top: 30px; */ + /* border-top: 1px solid #e0e0e0; */ font-size: 12px; - color: #999; text-align: center; } .thank-you { - color: #666; margin-bottom: 20px; } @@ -249,9 +240,9 @@
registered trading name of
TWO TALES & CO. (PTY) LTD
REG: 2014/260746/07
@@ -261,7 +252,7 @@{{ $order->customer_name }}
{{ $order->customer_email }}
{{ $order->customer_phone }}
-{{ $order->shipping_address }}
-