Add footer element, styles, and associated settings

[bookstack] / resources / views / tri-layout.blade.php

diff --git a/resources/views/tri-layout.blade.php b/resources/views/tri-layout.blade.php
index a43450ed4d58c64ccb069ef2939f53ffc11ea473..71c546964ef6fb31d89a553256654324998de35b 100644 (file)
--- a/resources/views/tri-layout.blade.php
+++ b/resources/views/tri-layout.blade.php
@@ -4,28 +4,36 @@
 
 @section('content')
 
-    <div class="toolbar px-xl py-m">
-        @yield('toolbar')
+    <div class="tri-layout-mobile-tabs text-primary print-hidden">
+        <div class="grid half no-break no-gap">
+            <div class="tri-layout-mobile-tab px-m py-s" tri-layout-mobile-tab="info">
+                {{ trans('common.tab_info') }}
+            </div>
+            <div class="tri-layout-mobile-tab px-m py-s active" tri-layout-mobile-tab="content">
+                {{ trans('common.tab_content') }}
+            </div>
+        </div>
     </div>
 
-    <div class="flex-fill flex" @yield('container-attrs') >
+    <div class="tri-layout-container" tri-layout @yield('container-attrs') >
 
-        <div sidebar class="sidebar flex print-hidden tri-layout-left" id="sidebar">
-            <div class="sidebar-toggle primary-background-light">@icon('caret-right-circle')
-            </div>
-            <div class="scroll-body px-xl">
+        <div class="tri-layout-left print-hidden pt-m" id="sidebar">
+            <aside class="tri-layout-left-contents">
                 @yield('left')
-            </div>
+            </aside>
         </div>
 
-        <div class="flex @yield('body-wrap-classes')">
-            @yield('body')
+        <div class="@yield('body-wrap-classes') tri-layout-middle">
+            <div class="tri-layout-middle-contents">
+                @yield('body')
+            </div>
         </div>
 
-        <div class="flex tri-layout-right">
-            @yield('right')
+        <div class="tri-layout-right print-hidden pt-m">
+            <aside class="tri-layout-right-contents">
+                @yield('right')
+            </aside>
         </div>
     </div>
 
-
 @stop