BookStack Code Mirror - bookstack/blob - resources/views/layouts/tri.blade.php

   1 @extends('layouts.base')
   2
   3 @push('body-class', 'tri-layout ')
   4 @section('content-components', 'tri-layout')
   5
   6 @section('content')
   7
   8     <div class="tri-layout-mobile-tabs print-hidden">
   9         <div class="grid half no-break no-gap">
  10             <button type="button"
  11                     refs="tri-layout@tab"
  12                     data-tab="info"
  13                     aria-label="{{ trans('common.tab_info_label') }}"
  14                     class="tri-layout-mobile-tab px-m py-m text-link">
  15                 {{ trans('common.tab_info') }}
  16             </button>
  17             <button type="button"
  18                     refs="tri-layout@tab"
  19                     data-tab="content"
  20                     aria-label="{{ trans('common.tab_content_label') }}"
  21                     aria-selected="true"
  22                     class="tri-layout-mobile-tab px-m py-m text-link active">
  23                 {{ trans('common.tab_content') }}
  24             </button>
  25         </div>
  26     </div>
  27
  28     <div refs="tri-layout@container" class="tri-layout-container" @yield('container-attrs') >
  29
  30         <div class="tri-layout-sides print-hidden">
  31             <div refs="tri-layout@sidebar-scroll-container" class="tri-layout-sides-content">
  32                 <div class="tri-layout-right print-hidden">
  33                     <aside refs="tri-layout@sidebar-scroll-container" class="tri-layout-right-contents">
  34                         @yield('right')
  35                     </aside>
  36                 </div>
  37
  38                 <div class="tri-layout-left print-hidden" id="sidebar">
  39                     <aside refs="tri-layout@sidebar-scroll-container" class="tri-layout-left-contents">
  40                         @yield('left')
  41                     </aside>
  42                 </div>
  43             </div>
  44         </div>
  45
  46         <div class="@yield('body-wrap-classes') tri-layout-middle">
  47             <div id="main-content" class="tri-layout-middle-contents">
  48                 @yield('body')
  49             </div>
  50         </div>
  51     </div>
  52
  53 @stop