Skip to content

T
Tabler

Dashboards / Tabler
10 个月 前同步成功

通知 0
Star 0
Fork 0
T
Tabler

前往新版Gitcode，体验更适合开发者的 AI 搜索 >>

提交 a5bfcb88 编写于 作者: C codecalm
浏览文件
操作

navbar search fixes

上级 7079cf47
隐藏空白更改
内联 并排
Showing with 131 addition and 97 deletion
pages/_includes/cards/invoice.html
浏览文件 @ a5bfcb88
<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 &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="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 &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="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>
pages/_includes/layout/navbar-search.html
浏览文件 @ a5bfcb88
<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>
pages/_includes/layout/page-title-actions.html
浏览文件 @ a5bfcb88
{% 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&hellip;"/>
......
pages/_includes/ui/form/input-icon.html
浏览文件 @ a5bfcb88
......@@ -10,7 +10,7 @@
{{ addon }}
{% endif %}
<input type="text" class="form-control" placeholder="{{ include.placeholder | default: 'Search for&hellip;' }}">
<input type="text" class="form-control{% if include.light %} form-control-light{% endif %}" placeholder="{{ include.placeholder | default: 'Search for&hellip;' }}">
{% unless include.prepend %}
{{ addon }}
......
scss/layout/_core.scss
浏览文件 @ a5bfcb88
......@@ -15,6 +15,10 @@ body {
* {
@include scrollbar;
}
@media print {
background: transparent;
}
}
/**
......
scss/layout/_layout.scss
浏览文件 @ a5bfcb88
......@@ -119,6 +119,10 @@ Topnav
background-color: $navbar-bg;
border-color: $navbar-border-color;
@media print {
display: none;
}
.navbar {
margin: 0;
padding: 0;
......@@ -218,6 +222,10 @@ Content
}
.content-page {
@media print {
padding-top: 0 !important;
}
.topbar + & {
padding-top: add($navbar-height, 1px);
}
......
scss/ui/_cards.scss
浏览文件 @ a5bfcb88
......@@ -2,6 +2,11 @@
margin-bottom: $card-group-margin;
box-shadow: $card-shadow;
@media print {
border: none;
box-shadow: none;
}
@at-root a#{&} {
color: inherit;
transition: .3s box-shadow;
......@@ -173,6 +178,10 @@
}
.card-body {
@media print {
padding: 0;
}
> :last-child {
margin-bottom: 0;
}
......
scss/ui/_tables.scss
浏览文件 @ a5bfcb88
......@@ -6,6 +6,10 @@
background: $min-black;
border-width: $table-border-width;
@include subheader;
@media print {
background: transparent;
}
}
}
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或