mirror of
https://github.com/tabler/tabler.git
synced 2026-07-27 13:34:37 +04:00
navbar search fixes
This commit is contained in:
codecalm
@@ -1,94 +1,103 @@
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">#INV0015</h3>
|
||||
<div class="card-options">
|
||||
<button type="button" class="btn btn-primary" onclick="javascript:window.print();"><i class="si si-printer"></i> Print Invoice</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row my-5">
|
||||
<div class="col-6">
|
||||
<p class="h3">Company</p>
|
||||
<address>
|
||||
Street Address<br>
|
||||
State, City<br>
|
||||
Region, Postal Code<br>
|
||||
ltd@example.com
|
||||
</address>
|
||||
</div>
|
||||
<div class="col-6 text-right">
|
||||
<p class="h3">Client</p>
|
||||
<address>
|
||||
Street Address<br>
|
||||
State, City<br>
|
||||
Region, Postal Code<br>
|
||||
ctr@example.com
|
||||
</address>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-responsive">
|
||||
<table class="table">
|
||||
<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>
|
||||
<tr>
|
||||
<td class="text-center">1</td>
|
||||
<td>
|
||||
<p class="font-w600 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="font-w600 mb-1">Online Store Design & 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="font-w600 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="font-w600 text-right">Subtotal</td>
|
||||
<td class="text-right">$25.000,00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="4" class="font-w600 text-right">Vat Rate</td>
|
||||
<td class="text-right">20%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="4" class="font-w600 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 you again!</p>
|
||||
</div>
|
||||
<div class="card-header d-print-none">
|
||||
<h3 class="card-title">Invoice</h3>
|
||||
<div class="card-options">
|
||||
<button type="button" class="btn btn-primary" onclick="javascript:window.print();"><i
|
||||
class="si si-printer"></i> Print Invoice
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<p class="h3">Company</p>
|
||||
<address>
|
||||
Street Address<br>
|
||||
State, City<br>
|
||||
Region, Postal Code<br>
|
||||
ltd@example.com
|
||||
</address>
|
||||
</div>
|
||||
<div class="col-6 text-right">
|
||||
<p class="h3">Client</p>
|
||||
<address>
|
||||
Street Address<br>
|
||||
State, City<br>
|
||||
Region, Postal Code<br>
|
||||
ctr@example.com
|
||||
</address>
|
||||
</div>
|
||||
|
||||
<div class="col-12 my-5">
|
||||
<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="font-w600 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="font-w600 mb-1">Online Store Design & 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="font-w600 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="font-w600 text-right">Subtotal</td>
|
||||
<td class="text-right">$25.000,00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="4" class="font-w600 text-right">Vat Rate</td>
|
||||
<td class="text-right">20%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="4" class="font-w600 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
|
||||
you again!</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<div class="navbar-search d-none d-lg-block">
|
||||
<form action="" method="get">
|
||||
<input type="text" name="q" class="form-control form-control-light" placeholder="Search...">
|
||||
</form>
|
||||
<form action="." method="get">
|
||||
{% include ui/form/input-icon.html prepend=true light=true %}
|
||||
</form>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
{% assign actions = include.actions %}
|
||||
|
||||
<!-- Page title actions -->
|
||||
<div class="col-auto ml-auto">
|
||||
<div class="col-auto ml-auto d-print-none">
|
||||
{% if actions == 'users' %}
|
||||
<div class="d-flex">
|
||||
<input type="search" class="form-control d-inline-block w-9 mr-3" placeholder="Search user…"/>
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
{{ addon }}
|
||||
{% endif %}
|
||||
|
||||
<input type="text" class="form-control" placeholder="{{ include.placeholder | default: 'Search for…' }}">
|
||||
<input type="text" class="form-control{% if include.light %} form-control-light{% endif %}" placeholder="{{ include.placeholder | default: 'Search for…' }}">
|
||||
|
||||
{% unless include.prepend %}
|
||||
{{ addon }}
|
||||
|
||||
Reference in New Issue
Block a user