mirror of
				https://github.com/invoiceninja/invoiceninja.git
				synced 2025-11-03 23:37:33 -05:00 
			
		
		
		
	Creative design
This commit is contained in:
		
							parent
							
								
									f4863aca42
								
							
						
					
					
						commit
						8807e4abd3
					
				@ -42,6 +42,7 @@
 | 
				
			|||||||
        display: grid;
 | 
					        display: grid;
 | 
				
			||||||
        grid-template-columns: 1.8fr 1fr 1fr;
 | 
					        grid-template-columns: 1.8fr 1fr 1fr;
 | 
				
			||||||
        grid-gap: 20px;
 | 
					        grid-gap: 20px;
 | 
				
			||||||
 | 
					        margin-bottom: 2rem;
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    .company-logo {
 | 
					    .company-logo {
 | 
				
			||||||
@ -76,6 +77,7 @@
 | 
				
			|||||||
        display: flex;
 | 
					        display: flex;
 | 
				
			||||||
        justify-content: space-between;
 | 
					        justify-content: space-between;
 | 
				
			||||||
        gap: 20px;
 | 
					        gap: 20px;
 | 
				
			||||||
 | 
					        margin-bottom: 2rem;
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    #client-details {
 | 
					    #client-details {
 | 
				
			||||||
@ -83,6 +85,7 @@
 | 
				
			|||||||
        flex-direction: column;
 | 
					        flex-direction: column;
 | 
				
			||||||
        line-height: var(--line-height);
 | 
					        line-height: var(--line-height);
 | 
				
			||||||
        vertical-align: top;
 | 
					        vertical-align: top;
 | 
				
			||||||
 | 
					        margin-left: 1rem;
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    #client-details > p:nth-child(2) {
 | 
					    #client-details > p:nth-child(2) {
 | 
				
			||||||
@ -186,6 +189,7 @@
 | 
				
			|||||||
        gap: 80px;
 | 
					        gap: 80px;
 | 
				
			||||||
        padding-top: 0.5rem;
 | 
					        padding-top: 0.5rem;
 | 
				
			||||||
        padding-bottom: 0.8rem;
 | 
					        padding-bottom: 0.8rem;
 | 
				
			||||||
 | 
					        padding-left: 0.7rem;
 | 
				
			||||||
        page-break-inside:auto;
 | 
					        page-break-inside:auto;
 | 
				
			||||||
        overflow: visible !important;
 | 
					        overflow: visible !important;
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
@ -209,7 +213,7 @@
 | 
				
			|||||||
 | 
					
 | 
				
			||||||
    #table-totals>.totals-table-right-side>*> :nth-child(2) {
 | 
					    #table-totals>.totals-table-right-side>*> :nth-child(2) {
 | 
				
			||||||
        text-align: right;
 | 
					        text-align: right;
 | 
				
			||||||
        padding-right: 7px;
 | 
					        padding-right: 17px;
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    #table-totals
 | 
					    #table-totals
 | 
				
			||||||
@ -234,7 +238,7 @@
 | 
				
			|||||||
    }
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    [data-ref="total_table-footer"] {
 | 
					    [data-ref="total_table-footer"] {
 | 
				
			||||||
        padding-left: 0rem
 | 
					        padding-left: 0.8rem
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    #footer {
 | 
					    #footer {
 | 
				
			||||||
 | 
				
			|||||||
@ -61,7 +61,13 @@
 | 
				
			|||||||
        border:1px solid #000;
 | 
					        border:1px solid #000;
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    #entity-details p { margin-top: 5px; }
 | 
					    #entity-details {
 | 
				
			||||||
 | 
					        width: 100%;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    #entity-details p { 
 | 
				
			||||||
 | 
					        margin-top: 5px; 
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    .header-wrapper #client-details,
 | 
					    .header-wrapper #client-details,
 | 
				
			||||||
    .header-wrapper #company-details,
 | 
					    .header-wrapper #company-details,
 | 
				
			||||||
@ -86,7 +92,7 @@
 | 
				
			|||||||
 | 
					
 | 
				
			||||||
    .entity-label-wrapper {
 | 
					    .entity-label-wrapper {
 | 
				
			||||||
        display: grid;
 | 
					        display: grid;
 | 
				
			||||||
        grid-template-columns: 2fr 1fr;
 | 
					        grid-template-columns: 3fr 1fr;
 | 
				
			||||||
        margin-top: 1rem;
 | 
					        margin-top: 1rem;
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@ -119,7 +125,7 @@
 | 
				
			|||||||
    }
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    [data-ref="table"] {
 | 
					    [data-ref="table"] {
 | 
				
			||||||
        margin-bottom: 50px; 
 | 
					        margin-bottom: 5px; 
 | 
				
			||||||
        min-width: 100%;
 | 
					        min-width: 100%;
 | 
				
			||||||
        table-layout: fixed;
 | 
					        table-layout: fixed;
 | 
				
			||||||
        overflow-wrap: break-word;
 | 
					        overflow-wrap: break-word;
 | 
				
			||||||
@ -364,8 +370,10 @@
 | 
				
			|||||||
                     <span>$entity_label</span> 
 | 
					                     <span>$entity_label</span> 
 | 
				
			||||||
                     <span>#$entity_number</span>
 | 
					                     <span>#$entity_number</span>
 | 
				
			||||||
                  </h1>
 | 
					                  </h1>
 | 
				
			||||||
 | 
					                    <div class="entity-details-wrapper">
 | 
				
			||||||
                        <table id="entity-details" cellspacing="0" dir="$dir"></table>
 | 
					                        <table id="entity-details" cellspacing="0" dir="$dir"></table>
 | 
				
			||||||
                    </div>
 | 
					                    </div>
 | 
				
			||||||
 | 
					               </div>
 | 
				
			||||||
               <table id="product-table" cellspacing="0" data-ref="table"></table>
 | 
					               <table id="product-table" cellspacing="0" data-ref="table"></table>
 | 
				
			||||||
               <table id="task-table" cellspacing="0" data-ref="table"></table>
 | 
					               <table id="task-table" cellspacing="0" data-ref="table"></table>
 | 
				
			||||||
               <table id="delivery-note-table" cellspacing="0" data-ref="table"></table>
 | 
					               <table id="delivery-note-table" cellspacing="0" data-ref="table"></table>
 | 
				
			||||||
 | 
				
			|||||||
@ -86,6 +86,8 @@
 | 
				
			|||||||
        margin-left: 2rem;
 | 
					        margin-left: 2rem;
 | 
				
			||||||
        display: grid;
 | 
					        display: grid;
 | 
				
			||||||
        grid-template-columns: 1fr auto auto;
 | 
					        grid-template-columns: 1fr auto auto;
 | 
				
			||||||
 | 
					        margin-top: 1rem;
 | 
				
			||||||
 | 
					        margin-bottom: 1rem;
 | 
				
			||||||
      }
 | 
					      }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
      .company-logo {
 | 
					      .company-logo {
 | 
				
			||||||
 | 
				
			|||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user