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))); | ||||
|   } | ||||
| 
 | ||||
|   .sm\:p-7{ | ||||
|     padding: 1.75rem; | ||||
|   } | ||||
| 
 | ||||
|   .sm\:px-0{ | ||||
|     padding-left: 0px; | ||||
|     padding-right: 0px; | ||||
|   | ||||
							
								
								
									
										52
									
								
								public/css/print.css
									
									
									
									
										vendored
									
									
								
							
							
						
						
									
										52
									
								
								public/css/print.css
									
									
									
									
										vendored
									
									
								
							| @@ -767,69 +767,63 @@ html[dir='rtl'] .print-heading { | ||||
| .classic-invoice { | ||||
|     margin-top: 10px; | ||||
| } | ||||
| /*--Print --*/ | ||||
|  | ||||
| .col-60 | ||||
| { | ||||
| .col-60 { | ||||
|     display: inline-block; | ||||
|     width: 100%; | ||||
|     width: 60%; | ||||
|     vertical-align: top; | ||||
| } | ||||
|  | ||||
| .col-50 | ||||
| { | ||||
| .col-50 { | ||||
|     display: inline-block; | ||||
|     width: 100%; | ||||
|     width: 50%; | ||||
|     vertical-align: top; | ||||
| } | ||||
|  | ||||
| .col-40 | ||||
| { | ||||
| .col-40 { | ||||
|     display: inline-block; | ||||
|     width: 100%; | ||||
|     width: 40%; | ||||
|     vertical-align: top; | ||||
| } | ||||
| .col-58 | ||||
| { | ||||
|  | ||||
| .col-58{ | ||||
|     display: inline-block; | ||||
|     width: 58%; | ||||
|     vertical-align: top; | ||||
| } | ||||
| .col-42 | ||||
| { | ||||
|  | ||||
| .col-42 { | ||||
|     display: inline-block; | ||||
|     width: 42%; | ||||
|     vertical-align: top; | ||||
| } | ||||
| .col-16 | ||||
| { | ||||
|  | ||||
| .col-16 { | ||||
|     display: inline-block; | ||||
|     max-width: 16%; | ||||
|     vertical-align: top; | ||||
| } | ||||
| /*--Print --*/ | ||||
|  | ||||
| @media (min-width: 991px) { | ||||
|     .col-60 | ||||
|     { | ||||
|         display: inline-block; | ||||
|         width: 60%; | ||||
|         vertical-align: top; | ||||
|     } | ||||
|      | ||||
|     .col-50 | ||||
|     { | ||||
| @media (max-width: 480px) { | ||||
|     .col-60 { | ||||
|         display: inline-block; | ||||
|         width: 50%; | ||||
|         vertical-align: top; | ||||
|     } | ||||
|  | ||||
|     .col-40 | ||||
|     { | ||||
|     .col-40 { | ||||
|         display: inline-block; | ||||
|         width: 40%; | ||||
|         width: 50%; | ||||
|         vertical-align: top; | ||||
|     } | ||||
|  | ||||
|     .mt-classic { | ||||
|         margin-top: -1px; | ||||
|     } | ||||
| } | ||||
|  | ||||
| @media (min-width: 991px) { | ||||
|     .classic-invoice { | ||||
|         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) | ||||
|         @case('classic') | ||||
|             <x-documents.template.classic | ||||
|   | ||||
| @@ -81,8 +81,8 @@ | ||||
|  | ||||
|     <div class="row mt-2"> | ||||
|         <div class="col-33"> | ||||
|             <div class="invoice-classic-line mb-1 mt-4" style="background-color:{{ $backgroundColor }};"></div> | ||||
|             <div class="invoice-classic-line" 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 }}; -webkit-print-color-adjust: exact;"></div> | ||||
|         </div> | ||||
|  | ||||
|         <div class="col-33"> | ||||
| @@ -106,8 +106,8 @@ | ||||
|         </div> | ||||
|  | ||||
|         <div class="col-33"> | ||||
|             <div class="invoice-classic-line mb-1 mt-4" style="background-color:{{ $backgroundColor }};"></div> | ||||
|             <div class="invoice-classic-line" 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 }}; -webkit-print-color-adjust: exact;"></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) | ||||
|         @case('classic') | ||||
|             @break | ||||
|   | ||||
| @@ -8,7 +8,7 @@ | ||||
|     </div> | ||||
|  | ||||
|     <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" /> | ||||
|         </div> | ||||
|     </div> | ||||
|   | ||||
		Reference in New Issue
	
	Block a user