Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2025-12-24 02:38:15 +04:00
Code Issues Projects Releases Wiki Activity

invoice fixes

Browse Source
This commit is contained in:
codecalm
2020-11-14 16:03:56 +01:00
parent d7514fbef2
commit 71d76c230d
2 changed files with 75 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

134
src/pages/_includes/cards/invoice.html
View File

@@ -1,4 +1,4 @@
<div class="card">
<div class="card card-lg">
<div class="card-body">
<div class="row">
<div class="col-6">
@@ -24,72 +24,72 @@
<h1>Invoice INV/001/15</h1>
</div>
</div>
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<th class="text-center" style="width: 1%"></th>
<th>Product</th>
<th class="text-center" style="width: 1%">Qnt</th>
<th class="text-right" style="width: 1%">Unit</th>
<th class="text-right" style="width: 1%">Amount</th>
</tr>
</thead>
<tr>
<td class="text-center">1</td>
<td>
<p class="strong mb-1">Logo Creation</p>
<div class="text-muted">Logo and business cards design</div>
</td>
<td class="text-center">
1
</td>
<td class="text-right">$1.800,00</td>
<td class="text-right">$1.800,00</td>
</tr>
<tr>
<td class="text-center">2</td>
<td>
<p class="strong mb-1">Online Store Design &amp; Development</p>
<div class="text-muted">Design/Development for all popular modern browsers</div>
</td>
<td class="text-center">
1
</td>
<td class="text-right">$20.000,00</td>
<td class="text-right">$20.000,00</td>
</tr>
<tr>
<td class="text-center">3</td>
<td>
<p class="strong mb-1">App Design</p>
<div class="text-muted">Promotional mobile application</div>
</td>
<td class="text-center">
1
</td>
<td class="text-right">$3.200,00</td>
<td class="text-right">$3.200,00</td>
</tr>
<tr>
<td colspan="4" class="strong text-right">Subtotal</td>
<td class="text-right">$25.000,00</td>
</tr>
<tr>
<td colspan="4" class="strong text-right">Vat Rate</td>
<td class="text-right">20%</td>
</tr>
<tr>
<td colspan="4" class="strong text-right">Vat Due</td>
<td class="text-right">$5.000,00</td>
</tr>
<tr>
<td colspan="4" class="font-weight-bold text-uppercase text-right">Total Due</td>
<td class="font-weight-bold text-right">$30.000,00</td>
</tr>
</table>
</div>
<p class="text-muted text-center">Thank you very much for doing business with us. We look forward to working with
<table class="table table-transparent table-responsive">
<thead>
<tr>
<th class="text-center" style="width: 1%"></th>
<th>Product</th>
<th class="text-center" style="width: 1%">Qnt</th>
<th class="text-right" style="width: 1%">Unit</th>
<th class="text-right" style="width: 1%">Amount</th>
</tr>
</thead>
<tr>
<td class="text-center">1</td>
<td>
<p class="strong mb-1">Logo Creation</p>
<div class="text-muted">Logo and business cards design</div>
</td>
<td class="text-center">
1
</td>
<td class="text-right">$1.800,00</td>
<td class="text-right">$1.800,00</td>
</tr>
<tr>
<td class="text-center">2</td>
<td>
<p class="strong mb-1">Online Store Design &amp; Development</p>
<div class="text-muted">Design/Development for all popular modern browsers</div>
</td>
<td class="text-center">
1
</td>
<td class="text-right">$20.000,00</td>
<td class="text-right">$20.000,00</td>
</tr>
<tr>
<td class="text-center">3</td>
<td>
<p class="strong mb-1">App Design</p>
<div class="text-muted">Promotional mobile application</div>
</td>
<td class="text-center">
1
</td>
<td class="text-right">$3.200,00</td>
<td class="text-right">$3.200,00</td>
</tr>
<tr>
<td colspan="4" class="strong text-right">Subtotal</td>
<td class="text-right">$25.000,00</td>
</tr>
<tr>
<td colspan="4" class="strong text-right">Vat Rate</td>
<td class="text-right">20%</td>
</tr>
<tr>
<td colspan="4" class="strong text-right">Vat Due</td>
<td class="text-right">$5.000,00</td>
</tr>
<tr>
<td colspan="4" class="font-weight-bold text-uppercase text-right">Total Due</td>
<td class="font-weight-bold text-right">$30.000,00</td>
</tr>
</table>
<p class="text-muted text-center mt-5">Thank you very much for doing business with us. We look forward to working with
you again!</p>
</div>
</div>

8
src/scss/ui/_tables.scss
View File

@@ -14,6 +14,14 @@
}
}
.table-transparent {
thead {
th {
background: transparent;
}
}
}
.table-nowrap {
> :not(caption) > * > * {
white-space: nowrap;