mirror of
https://github.com/BookStackApp/BookStack.git
synced 2024-08-27 12:41:58 +00:00
![Dan Brown](/assets/img/avatar_default.png)
Would cause effect where scroll area would be cut of by spacing which looked a bit strange. This retains the same padding sizes but cuts the content at the header or top of viewport.
50 lines
1.6 KiB
PHP
50 lines
1.6 KiB
PHP
@extends('layouts.base')
|
|
|
|
@section('body-class', 'tri-layout')
|
|
@section('content-components', 'tri-layout')
|
|
|
|
@section('content')
|
|
|
|
<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 refs="tri-layout@container" class="tri-layout-container" @yield('container-attrs') >
|
|
|
|
<div class="tri-layout-left print-hidden" id="sidebar">
|
|
<aside class="tri-layout-left-contents">
|
|
@yield('left')
|
|
</aside>
|
|
</div>
|
|
|
|
<div class="@yield('body-wrap-classes') tri-layout-middle">
|
|
<div id="main-content" class="tri-layout-middle-contents">
|
|
@yield('body')
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tri-layout-right print-hidden">
|
|
<aside class="tri-layout-right-contents">
|
|
@yield('right')
|
|
</aside>
|
|
</div>
|
|
</div>
|
|
|
|
@stop
|