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

tabler layout rebuild

This commit is contained in:
codecalm
2019-11-06 12:41:16 +01:00
parent 0002a1f574
commit b7eba81f68
11 changed files with 119 additions and 47 deletions
+2 -1
View File
@@ -1,5 +1,6 @@
<div class="layout-menubar navbar {% if include.dark %}navbar-dark{% else %}navbar-light{% endif %}">
<div class="layout-area-menu navbar {% if include.dark %}navbar-dark{% else %}navbar-light{% endif %}">
<div class="container">
{% include layout/menu.html top=true %}
</div>
</div>
<div class="layout-area-menu-backdrop" data-toggle="menubar"></div>
+1 -1
View File
@@ -1,4 +1,4 @@
<header class="layout-topnav navbar navbar-expand-lg {% if include.dark %}navbar-dark bg-dark text-white{% else %}navbar-light{% endif %}{% if include.sticky %} navbar-sticky{% endif %}">
<header class="layout-area-topnav navbar navbar-expand-lg {% if include.dark %}navbar-dark bg-dark text-white{% else %}navbar-light{% endif %}{% if include.sticky %} navbar-sticky{% endif %}">
<div class="container{% if include.fluid %} container-fluid{% endif %}">
{% include parts/navbar.html logo=true search=true user-menu=1 person=1 dark=include.dark notifications=true %}
</div>
+1 -1
View File
@@ -7,7 +7,7 @@ layout: base
{% include layout/topnav.html dark=page.header-dark sticky=page.header-sticky %}
{% include layout/topmenu.html %}
<div class="layout-main">
<div class="layout-area-main">
<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 %}
+2 -6
View File
@@ -2,12 +2,12 @@
title: Layout test
sidenav: true
sidenav-dark: true
site-layout: layout-with-sidebar-lg layout-with-sidebar-folded-md
site-layout: layout-collapsed-sm
---
<div class="card" id="card-test">
<div class="card-body">
<a href="#" class="btn btn-secondary btn-block" data-toggle="sidenav">sidebar</a>
<a href="#" class="btn btn-secondary btn-block" data-toggle="menubar">sidebar</a>
<div id="card-body"></div>
<div>
<h1>Well, she turned me into a newt.</h1>
@@ -54,10 +54,6 @@ site-layout: layout-with-sidebar-lg layout-with-sidebar-folded-md
$(window).on('resize', function () {
test_width();
});
$('[data-toggle="sidenav"]').on('click', function () {
$('body').toggleClass('show-sidenav');
});
});
</script>
{% endcapture_global %}