print template styling
This commit is contained in:
		
							
								
								
									
										4
									
								
								public/css/app.css
									
									
									
									
										vendored
									
									
								
							
							
						
						
									
										4
									
								
								public/css/app.css
									
									
									
									
										vendored
									
									
								
							| @@ -57065,6 +57065,10 @@ body{ | |||||||
|     border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse))); |     border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse))); | ||||||
|   } |   } | ||||||
| 
 | 
 | ||||||
|  |   .sm\:p-7{ | ||||||
|  |     padding: 1.75rem; | ||||||
|  |   } | ||||||
|  | 
 | ||||||
|   .sm\:px-0{ |   .sm\:px-0{ | ||||||
|     padding-left: 0px; |     padding-left: 0px; | ||||||
|     padding-right: 0px; |     padding-right: 0px; | ||||||
|   | |||||||
							
								
								
									
										54
									
								
								public/css/print.css
									
									
									
									
										vendored
									
									
								
							
							
						
						
									
										54
									
								
								public/css/print.css
									
									
									
									
										vendored
									
									
								
							| @@ -767,69 +767,63 @@ html[dir='rtl'] .print-heading { | |||||||
| .classic-invoice { | .classic-invoice { | ||||||
|     margin-top: 10px; |     margin-top: 10px; | ||||||
| } | } | ||||||
|  | /*--Print --*/ | ||||||
|  |  | ||||||
| .col-60 | .col-60 { | ||||||
| { |  | ||||||
|     display: inline-block; |     display: inline-block; | ||||||
|     width: 100%; |     width: 60%; | ||||||
|     vertical-align: top; |     vertical-align: top; | ||||||
| } | } | ||||||
|  |  | ||||||
| .col-50 | .col-50 { | ||||||
| { |  | ||||||
|     display: inline-block; |     display: inline-block; | ||||||
|     width: 100%; |     width: 50%; | ||||||
|     vertical-align: top; |     vertical-align: top; | ||||||
| } | } | ||||||
|  |  | ||||||
| .col-40 | .col-40 { | ||||||
| { |  | ||||||
|     display: inline-block; |     display: inline-block; | ||||||
|     width: 100%; |     width: 40%; | ||||||
|     vertical-align: top; |     vertical-align: top; | ||||||
| } | } | ||||||
| .col-58 |  | ||||||
| { | .col-58{ | ||||||
|     display: inline-block; |     display: inline-block; | ||||||
|     width: 58%; |     width: 58%; | ||||||
|     vertical-align: top; |     vertical-align: top; | ||||||
| } | } | ||||||
| .col-42 |  | ||||||
| { | .col-42 { | ||||||
|     display: inline-block; |     display: inline-block; | ||||||
|     width: 42%; |     width: 42%; | ||||||
|     vertical-align: top; |     vertical-align: top; | ||||||
| } | } | ||||||
| .col-16 |  | ||||||
| { | .col-16 { | ||||||
|     display: inline-block; |     display: inline-block; | ||||||
|     max-width: 16%; |     max-width: 16%; | ||||||
|     vertical-align: top; |     vertical-align: top; | ||||||
| } | } | ||||||
| /*--Print --*/ |  | ||||||
|  |  | ||||||
| @media (min-width: 991px) { | @media (max-width: 480px) { | ||||||
|     .col-60 |     .col-60 { | ||||||
|     { |  | ||||||
|         display: inline-block; |  | ||||||
|         width: 60%; |  | ||||||
|         vertical-align: top; |  | ||||||
|     } |  | ||||||
|      |  | ||||||
|     .col-50 |  | ||||||
|     { |  | ||||||
|         display: inline-block; |         display: inline-block; | ||||||
|         width: 50%; |         width: 50%; | ||||||
|         vertical-align: top; |         vertical-align: top; | ||||||
|     } |     } | ||||||
|      |  | ||||||
|     .col-40 |     .col-40 { | ||||||
|     { |  | ||||||
|         display: inline-block; |         display: inline-block; | ||||||
|         width: 40%; |         width: 50%; | ||||||
|         vertical-align: top; |         vertical-align: top; | ||||||
|     } |     } | ||||||
|  |  | ||||||
|  |     .mt-classic { | ||||||
|  |         margin-top: -1px; | ||||||
|  |     } | ||||||
|  | } | ||||||
|  |  | ||||||
|  | @media (min-width: 991px) { | ||||||
|     .classic-invoice { |     .classic-invoice { | ||||||
|         margin-top: unset; |         margin-top: unset; | ||||||
|     } |     } | ||||||
|   | |||||||
| @@ -1,4 +1,4 @@ | |||||||
| <div class="p-7 shadow-2xl rounded-2xl"> | <div class="p-3 sm:p-7 shadow-2xl rounded-2xl"> | ||||||
|     @switch($documentTemplate) |     @switch($documentTemplate) | ||||||
|         @case('classic') |         @case('classic') | ||||||
|             <x-documents.template.classic |             <x-documents.template.classic | ||||||
|   | |||||||
| @@ -81,8 +81,8 @@ | |||||||
|  |  | ||||||
|     <div class="row mt-2"> |     <div class="row mt-2"> | ||||||
|         <div class="col-33"> |         <div class="col-33"> | ||||||
|             <div class="invoice-classic-line mb-1 mt-4" style="background-color:{{ $backgroundColor }};"></div> |             <div class="invoice-classic-line mb-1 mt-4" style="background-color:{{ $backgroundColor }}; -webkit-print-color-adjust: exact;"></div> | ||||||
|             <div class="invoice-classic-line" style="background-color:{{ $backgroundColor }};"></div> |             <div class="invoice-classic-line" style="background-color:{{ $backgroundColor }}; -webkit-print-color-adjust: exact;"></div> | ||||||
|         </div> |         </div> | ||||||
|  |  | ||||||
|         <div class="col-33"> |         <div class="col-33"> | ||||||
| @@ -106,8 +106,8 @@ | |||||||
|         </div> |         </div> | ||||||
|  |  | ||||||
|         <div class="col-33"> |         <div class="col-33"> | ||||||
|             <div class="invoice-classic-line mb-1 mt-4" style="background-color:{{ $backgroundColor }};"></div> |             <div class="invoice-classic-line mb-1 mt-4" style="background-color:{{ $backgroundColor }}; -webkit-print-color-adjust: exact;"></div> | ||||||
|             <div class="invoice-classic-line" style="background-color:{{ $backgroundColor }};"></div> |             <div class="invoice-classic-line" style="background-color:{{ $backgroundColor }}; -webkit-print-color-adjust: exact;"></div> | ||||||
|         </div> |         </div> | ||||||
|     </div> |     </div> | ||||||
|  |  | ||||||
|   | |||||||
| @@ -1,4 +1,4 @@ | |||||||
| <div class="p-7 shadow-2xl rounded-2xl"> | <div class="p-3 sm:p-7 shadow-2xl rounded-2xl"> | ||||||
|     @switch($transactionTemplate) |     @switch($transactionTemplate) | ||||||
|         @case('classic') |         @case('classic') | ||||||
|             @break |             @break | ||||||
|   | |||||||
| @@ -8,7 +8,7 @@ | |||||||
|     </div> |     </div> | ||||||
|  |  | ||||||
|     <div class="w-full lg:w-7/12"> |     <div class="w-full lg:w-7/12"> | ||||||
|         <div class="p-7 shadow-2xl rounded-2xl"> |         <div class="p-3 sm:p-7 shadow-2xl rounded-2xl"> | ||||||
|             <x-transfers.show.template :model="$transfer" /> |             <x-transfers.show.template :model="$transfer" /> | ||||||
|         </div> |         </div> | ||||||
|     </div> |     </div> | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user