mirror of
				https://github.com/crater-invoice/crater.git
				synced 2025-10-31 13:41:09 -04:00 
			
		
		
		
	refactor profit loss pdfs
This commit is contained in:
		| @ -13,10 +13,6 @@ | ||||
|             padding: 0px; | ||||
|         } | ||||
|  | ||||
|         table { | ||||
|             border-collapse: collapse; | ||||
|         } | ||||
|  | ||||
|         .main-container { | ||||
|             padding: 30px 60px; | ||||
|         } | ||||
| @ -25,12 +21,15 @@ | ||||
|             padding: 0px 20px; | ||||
|         } | ||||
|  | ||||
|         table { | ||||
|             border-collapse: collapse; | ||||
|         } | ||||
|  | ||||
|         .header { | ||||
|             width: 100%; | ||||
|         } | ||||
|  | ||||
|         .heading-text { | ||||
|             font-style: normal; | ||||
|             font-weight: 600; | ||||
|             font-size: 24px; | ||||
|             color: #5851D8; | ||||
| @ -41,7 +40,6 @@ | ||||
|         } | ||||
|  | ||||
|         .heading-date-range { | ||||
|             font-style: normal; | ||||
|             font-weight: 600; | ||||
|             font-size: 15px; | ||||
|             color: #A5ACC1; | ||||
| @ -52,10 +50,8 @@ | ||||
|         } | ||||
|  | ||||
|         .sub-heading-text { | ||||
|             font-style: normal; | ||||
|             font-weight: 600; | ||||
|             font-size: 16px; | ||||
|             /* line-height: 21px; */ | ||||
|             color: #595959; | ||||
|             padding: 0px; | ||||
|             margin: 0px; | ||||
| @ -70,18 +66,15 @@ | ||||
|         .income-title { | ||||
|             padding: 0px; | ||||
|             margin: 0px; | ||||
|             font-style: normal; | ||||
|             font-weight: normal; | ||||
|             font-size: 16px; | ||||
|             line-height: 21px; | ||||
|             color: #040405; | ||||
|             text-align: left; | ||||
|         } | ||||
|  | ||||
|         .income-money { | ||||
|         .income-amount { | ||||
|             padding: 0px; | ||||
|             margin: 0px; | ||||
|             font-style: normal; | ||||
|             font-weight: 500; | ||||
|             font-size: 16px; | ||||
|             line-height: 21px; | ||||
| @ -93,8 +86,6 @@ | ||||
|         .expenses-title { | ||||
|             margin-top: 20px; | ||||
|             padding-left: 3px; | ||||
|             font-style: normal; | ||||
|             font-weight: normal; | ||||
|             font-size: 16px; | ||||
|             line-height: 21px; | ||||
|             color: #040405; | ||||
| @ -112,25 +103,21 @@ | ||||
|         .expense-title { | ||||
|             padding: 0px; | ||||
|             margin: 0px; | ||||
|             font-style: normal; | ||||
|             font-weight: normal; | ||||
|             font-size: 14px; | ||||
|             line-height: 21px; | ||||
|             color: #595959; | ||||
|         } | ||||
|  | ||||
|         .expense-money { | ||||
|         .expense-amount { | ||||
|             padding: 0px; | ||||
|             margin: 0px; | ||||
|             font-style: normal; | ||||
|             font-weight: normal; | ||||
|             font-size: 14px; | ||||
|             line-height: 21px; | ||||
|             text-align: right; | ||||
|             color: #595959; | ||||
|         } | ||||
|  | ||||
|         .expense-total-table { | ||||
|         .expense-total-indicator-table { | ||||
|             border-top: 1px solid #EAF1FB; | ||||
|             width: 100%; | ||||
|         } | ||||
| @ -146,7 +133,6 @@ | ||||
|             padding: 0px; | ||||
|             margin: 0px; | ||||
|             text-align: right; | ||||
|             font-style: normal; | ||||
|             font-weight: 500; | ||||
|             font-size: 16px; | ||||
|             line-height: 21px; | ||||
| @ -154,7 +140,7 @@ | ||||
|             color: #040405; | ||||
|         } | ||||
|  | ||||
|         .profit-table { | ||||
|         .profit-indicator-table { | ||||
|             width: 100%; | ||||
|             margin-top: 40px; | ||||
|             padding: 15px 20px; | ||||
| @ -166,18 +152,16 @@ | ||||
|             padding: 0px; | ||||
|             margin: 0px; | ||||
|             text-align: left; | ||||
|             font-style: normal; | ||||
|             font-weight: 600; | ||||
|             font-size: 16px; | ||||
|             line-height: 21px; | ||||
|             color: #595959; | ||||
|         } | ||||
|  | ||||
|         .profit-money { | ||||
|         .profit-amount { | ||||
|             padding: 0px; | ||||
|             margin: 0px; | ||||
|             text-align: right; | ||||
|             font-style: normal; | ||||
|             font-weight: 500; | ||||
|             font-size: 20px; | ||||
|             line-height: 21px; | ||||
| @ -210,7 +194,7 @@ | ||||
|                         <p class="income-title">Income</p> | ||||
|                     </td> | ||||
|                     <td> | ||||
|                         <p class="income-money">{!! format_money_pdf($income) !!}</p> | ||||
|                         <p class="income-amount">{!! format_money_pdf($income) !!}</p> | ||||
|                     </td> | ||||
|                 </tr> | ||||
|             </table> | ||||
| @ -225,7 +209,7 @@ | ||||
|                                 </p> | ||||
|                             </td> | ||||
|                             <td> | ||||
|                                 <p class="expense-money"> | ||||
|                                 <p class="expense-amount"> | ||||
|                                     {!! format_money_pdf($expenseCategory->total_amount) !!} | ||||
|                                 </p> | ||||
|                             </td> | ||||
| @ -236,20 +220,20 @@ | ||||
|             </div> | ||||
|         </div> | ||||
|  | ||||
|         <table class="expense-total-table"> | ||||
|         <table class="expense-total-indicator-table"> | ||||
|             <tr> | ||||
|                 <td class="expense-total-cell"> | ||||
|                     <p class="expense-total">{!! format_money_pdf($totalExpense) !!}</p> | ||||
|                 </td> | ||||
|             </tr> | ||||
|         </table> | ||||
|         <table class="profit-table"> | ||||
|         <table class="profit-indicator-table"> | ||||
|             <tr> | ||||
|                 <td> | ||||
|                     <p class="profit-title">NET PROFIT</p> | ||||
|                 </td> | ||||
|                 <td> | ||||
|                     <p class="profit-money">{!! format_money_pdf(($income-$totalExpense)) !!}</p> | ||||
|                     <p class="profit-amount">{!! format_money_pdf(($income-$totalExpense)) !!}</p> | ||||
|                 </td> | ||||
|             </tr> | ||||
|         </table> | ||||
|  | ||||
		Reference in New Issue
	
	Block a user