1
0
mirror of https://github.com/tabler/tabler.git synced 2026-07-29 14:34:37 +04:00

page buttons side

This commit is contained in:
codecalm
2019-10-17 21:46:06 +02:00
parent 807f22e647
commit dcf872fa1d
9 changed files with 71 additions and 88 deletions
+14 -34
View File
@@ -1,39 +1,19 @@
{% if page.page-title or layout.page-title %}
<div class="page-title-box">
<h2 class="page-title">
{{ page.page-title | default: layout.page-title }}
</h2>
{% if page.page-right %}
<div class="page-options d-none d-md-block ml-auto">
{% if page.page-right == "date" %}
<form class="form-inline">
<div class="mb-2">
<div class="input-group">
<input type="text" class="form-control form-control-light" placeholder="09/10/2018">
<div class="input-group-append">
<a class="input-group-text">
{% include ui/icon.html icon="calendar" %}
</a>
</div>
</div>
</div>
<a href="javascript:void(0)" class="btn btn-icon btn-secondary ml-2">
{% include ui/icon.html icon="refresh-ccw" %}
</a>
<a href="javascript:void(0)" class="btn btn-icon btn-secondary ml-2">
{% include ui/icon.html icon="filter" %}
</a>
</form>
{% elsif page.page-right == "breadcrumb" %}
<ol class="breadcrumb m-0">
<li class="breadcrumb-item"><a href="javascript:void(0)">UI Kit</a></li>
<li class="breadcrumb-item"><a href="javascript:void(0)">Tables</a></li>
<li class="breadcrumb-item active">Basic Tables</li>
</ol>
{% endif %}
</div>
{% endif %}
<div class="row align-items-center">
<div class="col">
<div class="page-pretitle">
Overview
</div>
<h2 class="page-title">
{{ page.page-title | default: layout.page-title }}
</h2>
</div>
<div class="col-auto">
{% include ui/button.html text="New view" color="secondary" icon="plus" %}
{% include ui/button.html text="Create new report" color="primary" class="ml-3" %}
</div>
</div>
</div>
{% endif %}
+5 -2
View File
@@ -3,13 +3,16 @@ layout: base
---
<div class="d-flex flex-row h-100p">
{% comment %}
{% if page.nav-position == 'left' or page.nav-position == 'right'%}
{% include layout/sidenav.html dark=page.sidenav-dark folded=page.sidenav-folded fixed=true %}
{% endcomment %}
{% endif %}
<div class="layout-main d-flex flex-column flex-fill max-w-full">
{% include layout/topnav.html dark=page.header-dark sticky=page.header-sticky %}
{% unless page.nav-position == 'left' or page.nav-position == 'right'%}
{% include layout/topmenu.html %}
{% endunless %}
<main class="container{% if page.container-size %} container-{{ page.container-size }}{% endif %}{% if page.fluid %}-fluid{% endif %} my-4 flex-fill">
{% include layout/page-title.html %}
+1 -1
View File
@@ -1,7 +1,7 @@
---
title: Snippets
page-title: Snippets
page-right: date
page-title-right: date
---
<div class="row">