Add prev and next button to navigate through different pages

[bookstack] / resources / views / common / home-custom.blade.php

diff --git a/resources/views/common/home-custom.blade.php b/resources/views/common/home-custom.blade.php
index f1133a60755afa3ade5697d537dc017d5e54a9d8..e0820305746c799d5d2deb890849397b98f1f70d 100644 (file)
--- a/resources/views/common/home-custom.blade.php
+++ b/resources/views/common/home-custom.blade.php
@@ -1,26 +1,25 @@
-@extends('simple-layout')
+@extends('tri-layout')

 
 @section('body')
 
 @section('body')

-    <div class="container mt-l">
-        <div class="grid right-focus gap-xl">
-            <div>
+    <div class="mt-m">
+        <main class="content-wrap card">
+            <div class="page-content" page-display="{{ $customHomepage->id }}">
+                @include('pages.page-display', ['page' => $customHomepage])
+            </div>
+        </main>
+    </div>
+@stop

 
 

-                <div class="actions mb-xl">
-                    <h5>{{ trans('common.actions') }}</h5>
-                    <div class="icon-list text-primary">
-                        @include('components.expand-toggle', ['target' => '.entity-list.compact .entity-item-snippet', 'key' => 'home-details'])
-                    </div>
-                </div>
+@section('left')
+    @include('common.home-sidebar')
+@stop

 
 

-                @include('common.home-sidebar')
-            </div>
-            <div>
-                <div class="content-wrap card">
-                    <div class="page-content" page-display="{{ $customHomepage->id }}">
-                        @include('pages.page-display', ['page' => $customHomepage])
-                    </div>
-                </div>
-            </div>
+@section('right')
+    <div class="actions mb-xl">
+        <h5>{{ trans('common.actions') }}</h5>
+        <div class="icon-list text-primary">
+            @include('components.expand-toggle', ['target' => '.entity-list.compact .entity-item-snippet', 'key' => 'home-details'])
+            @include('partials.dark-mode-toggle', ['classes' => 'text-muted icon-list-item text-primary'])

         </div>
     </div>
 @stop
\ No newline at end of file
         </div>
     </div>
 @stop
\ No newline at end of file