Layout: Converted tri-layout component to ts

[bookstack] / resources / views / home / default.blade.php

diff --git a/resources/views/home/default.blade.php b/resources/views/home/default.blade.php
index 46015354da28dfc031173e1e6b9590795b367f2d..a546ddecacbd0bf13cfd9f8e3794bdb44f36fbfa 100644 (file)
--- a/resources/views/home/default.blade.php
+++ b/resources/views/home/default.blade.php
@@ -2,23 +2,19 @@
 
 @section('body')
 
-    <div class="container px-xl py-s">
-        <div class="grid half">
-            <div>
-                <div class="icon-list inline block">
-                    @include('home.parts.expand-toggle', ['classes' => 'text-muted text-link', 'target' => '.entity-list.compact .entity-item-snippet', 'key' => 'home-details'])
-                </div>
-            </div>
-            <div class="text-m-right">
-                <div class="icon-list inline block">
-                    @include('common.dark-mode-toggle', ['classes' => 'text-muted icon-list-item text-link'])
-                </div>
+    <div class="container px-xl py-s flex-container-row gap-l wrap justify-space-between">
+        <div class="icon-list inline block">
+            @include('home.parts.expand-toggle', ['classes' => 'text-muted text-link', 'target' => '.entity-list.compact .entity-item-snippet', 'key' => 'home-details'])
+        </div>
+        <div>
+            <div class="icon-list inline block">
+                @include('common.dark-mode-toggle', ['classes' => 'text-muted icon-list-item text-link'])
             </div>
         </div>
     </div>
 
     <div class="container" id="home-default">
-        <div class="grid third gap-xxl no-row-gap" >
+        <div class="grid third gap-x-xxl no-row-gap">
             <div>
                 @if(count($draftPages) > 0)
                     <div id="recent-drafts" class="card mb-xl">
@@ -64,14 +60,18 @@
                         'emptyText' => trans('entities.no_pages_recently_updated'),
                         ])
                     </div>
-                    <a href="{{ url("/pages/recently-updated") }}" class="card-footer-link">{{ trans('common.view_all') }}</a>
+                    @if(count($recentlyUpdatedPages) > 0)
+                        <a href="{{ url("/pages/recently-updated") }}" class="card-footer-link">{{ trans('common.view_all') }}</a>
+                    @endif
                 </div>
             </div>
 
             <div>
                 <div id="recent-activity" class="card mb-xl">
                     <h3 class="card-title">{{ trans('entities.recent_activity') }}</h3>
-                    @include('common.activity-list', ['activity' => $activity])
+                    <div class="px-m">
+                        @include('common.activity-list', ['activity' => $activity])
+                    </div>
                 </div>
             </div>