Extend /users API endpoint

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

diff --git a/resources/views/tri-layout.blade.php b/resources/views/tri-layout.blade.php
index 5f3d381df919139304ea73eae4f7af62d351ddc8..dc4115f291f1a874aa794cb7525a89a6db6fd39d 100644 (file)
--- a/resources/views/tri-layout.blade.php
+++ b/resources/views/tri-layout.blade.php
@@ -1,30 +1,48 @@
 @extends('base')
 
 @section('body-class', 'tri-layout')
 @extends('base')
 
 @section('body-class', 'tri-layout')

+@section('content-components', 'tri-layout')

 
 @section('content')
 
 
 @section('content')
 

-    {{--<div class="toolbar px-xl">--}}
-        {{--@yield('toolbar')--}}
-    {{--</div>--}}
-    {{--TODO - Cleanup toolbar usage--}}
+    <div class="tri-layout-mobile-tabs print-hidden">
+        <div class="grid half no-break no-gap">
+            <button type="button"
+                    refs="tri-layout@tab"
+                    data-tab="info"
+                    aria-label="{{ trans('common.tab_info_label') }}"
+                    class="tri-layout-mobile-tab px-m py-m text-primary">
+                {{ trans('common.tab_info') }}
+            </button>
+            <button type="button"
+                    refs="tri-layout@tab"
+                    data-tab="content"
+                    aria-label="{{ trans('common.tab_content_label') }}"
+                    aria-selected="true"
+                    class="tri-layout-mobile-tab px-m py-m text-primary active">
+                {{ trans('common.tab_content') }}
+            </button>
+        </div>
+    </div>

 
 

-    <div class="tri-layout-container mt-m" tri-layout @yield('container-attrs') >
+    <div refs="tri-layout@container" class="tri-layout-container" @yield('container-attrs') >

 
         <div class="tri-layout-left print-hidden pt-m" id="sidebar">
 
         <div class="tri-layout-left print-hidden pt-m" id="sidebar">

-            <div class="tri-layout-left-contents">
+            <aside class="tri-layout-left-contents">

                 @yield('left')
                 @yield('left')

-            </div>
+            </aside>

         </div>
 
         <div class="@yield('body-wrap-classes') tri-layout-middle">
         </div>
 
         <div class="@yield('body-wrap-classes') tri-layout-middle">

-            @yield('body')
+            <div class="tri-layout-middle-contents">
+                @yield('body')
+            </div>

         </div>
 
         <div class="tri-layout-right print-hidden pt-m">
         </div>
 
         <div class="tri-layout-right print-hidden pt-m">

-            <div class="tri-layout-right-contents">
+            <aside class="tri-layout-right-contents">

                 @yield('right')
                 @yield('right')

-            </div>
+            </aside>

         </div>
     </div>
 
         </div>
     </div>