Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2025-12-21 17:34:25 +04:00
Code Issues Projects Releases Wiki Activity

layout fixes

Browse Source
This commit is contained in:
codecalm
2020-11-21 22:20:21 +01:00
parent 5be8aa444f
commit 73e15ce04a
2 changed files with 22 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/pages/_includes/layout/page-header.html
View File

@@ -1,31 +1,41 @@
{% assign page-header = page.page-header | default: layout.page-header %}
{% assign description = page.page-header-description | default: layout.page-header-description %}
{% assign actions = page.page-header-actions | default: layout.page-header-actions %}
{% assign pretitle = page.page-header-pretitle | default: layout.page-header-pretitle %}
{% assign class = page.page-header-class | default: layout.page-header-class %}
{% assign icon = page.page-header-icon | default: layout.page-header-icon %}
{% if page-header %}
<!-- Page title --> <!-- Page title -->
<div class="page-header{% if include.class %} {{ include.class }}{% endif %} d-print-none"> <div class="page-header{% if class %} {{ class }}{% endif %} d-print-none">
<div class="row align-items-center"> <div class="row align-items-center">
<div class="col"> <div class="col">
{% if include.pretitle %} {% if pretitle %}
<!-- Page pre-title --> <!-- Page pre-title -->
<div class="page-pretitle"> <div class="page-pretitle">
{{ include.pretitle }} {{ pretitle }}
</div> </div>
{% endif %} {% endif %}
<h2 class="page-title"> <h2 class="page-title">
{% if include.icon %} {% if icon %}
{% include ui/icon.html icon=include.icon %} {% include ui/icon.html icon=icon %}
{% endif %} {% endif %}
{{ include.title }} {{ page-header }}
</h2> </h2>
{% if include.description %} {% if description %}
<div class="text-muted mt-1">{{ include.description }}</div> <div class="text-muted mt-1">{{ description }}</div>
{% endif %} {% endif %}
</div> </div>
{% if include.actions %} {% if actions %}
<!-- Page title actions --> <!-- Page title actions -->
<div class="col-auto ml-auto d-print-none"> <div class="col-auto ml-auto d-print-none">
{% include layout/header-actions/{{ include.actions }}.html %} {% include layout/header-actions/{{ actions }}.html %}
</div> </div>
{% endif %} {% endif %}
</div> </div>
</div> </div>
{% endif %}

15
src/pages/_layouts/default.html
View File

@@ -2,30 +2,19 @@
layout: base layout: base
--- ---
{% assign page-header = page.page-header | default: layout.page-header %}
{% assign description = page.page-header-description | default: layout.page-header-description %}
{% assign actions = page.page-header-actions | default: layout.page-header-actions %}
{% assign pretitle = page.page-header-pretitle | default: layout.page-header-pretitle %}
{% assign class = page.page-header-class | default: layout.page-header-class %}
{% assign icon = page.page-header-icon | default: layout.page-header-icon %}
{% if page.layout-sidebar %} {% if page.layout-sidebar %}
{% include layout/sidebar.html dark=page.layout-sidebar-dark right=page.layout-sidebar-right breakpoint="lg" %} {% include layout/sidebar.html dark=page.layout-sidebar-dark right=page.layout-sidebar-right breakpoint="lg" %}
{% endif %} {% endif %}
<div class="page"> <div class="page">
{% unless page.layout-hide-topbar %} {% unless page.layout-hide-topbar %}
{% include layout/navbar.html condensed=page.layout-navbar-condensed overlap=page.layout-navbar-overlap dark=page.layout-navbar-dark hide-brand=page.layout-navbar-hide-brand hide-menu=page.layout-navbar-hide-menu {% include layout/navbar.html condensed=page.layout-navbar-condensed overlap=page.layout-navbar-overlap dark=page.layout-navbar-dark hide-brand=page.layout-navbar-hide-brand hide-menu=page.layout-navbar-hide-menu sticky=page.layout-navbar-sticky class=page.layout-navbar-class %} {% include layout/navbar.html condensed=page.layout-navbar-condensed overlap=page.layout-navbar-overlap dark=page.layout-navbar-dark hide-brand=page.layout-navbar-hide-brand hide-menu=page.layout-navbar-hide-menu sticky=page.layout-navbar-sticky class=page.layout-navbar-class %}
{% endunless %} {% endunless %}
<div class="content"> <div class="content">
<div class="container{% if page.layout-fluid %}-fluid{% else %}-xl{% endif %}{% if page.container-centered %} d-flex flex-column justify-content-center{% endif %}"> <div class="container{% if page.layout-fluid %}-fluid{% else %}-xl{% endif %}{% if page.container-centered %} d-flex flex-column justify-content-center{% endif %}">
{% if page-header %} {% include layout/page-header.html %}
{% include layout/page-header.html title=page-header description=description actions=actions pretitle=pretitle icon=icon class=class %}
{% endif %}
{{ content }} {{ content }}
</div> </div>