Update container component so it can be used in navigation

tighten · May 1, 2024 · 0f45fc6 · 0f45fc6
1 parent 6520524
commit 0f45fc6
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 9 deletions.
diff --git a/resources/views/components/container.blade.php b/resources/views/components/container.blade.php
@@ -1,5 +1,3 @@
-<div class="py-12">
-    <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
-        {{ $slot }}
-    </div>
+<div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
+    {{ $slot }}
 </div>
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
@@ -28,7 +28,7 @@
             @endif
 
             <!-- Page Content -->
-            <main>
+            <main class="py-12">
                 {{ $slot }}
             </main>
         </div>

diff --git a/resources/views/layouts/navigation.blade.php b/resources/views/layouts/navigation.blade.php
@@ -1,12 +1,12 @@
 <nav x-data="{ open: false }" class="bg-white dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700">
     <!-- Primary Navigation Menu -->
-    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-        <div class="flex justify-between h-16">
+    <x-container>
+        <div class="flex justify-between h-24">
             <div class="flex">
                 <!-- Logo -->
                 <div class="shrink-0 flex items-center">
                     <a href="{{ route('tricks.index') }}">
-                        <x-application-logo class="block h-9 w-auto fill-current text-gray-800 dark:text-gray-200" />
+                        <x-application-logo class="block h-16 w-auto fill-current text-gray-800 dark:text-gray-200" />
                     </a>
                 </div>
 
@@ -15,6 +15,12 @@
                     <x-nav-link :href="route('tricks.index')" :active="request()->routeIs('tricks.index')">
                         {{ __('Browse') }}
                     </x-nav-link>
+                    <x-nav-link href="" :active="request()->routeIs('tags.index')">
+                        {{ __('Tags') }}
+                    </x-nav-link>
+                    <x-nav-link :href="route('tricks.create')" :active="request()->routeIs('tricks.create')">
+                        {{ __('Create New') }}
+                    </x-nav-link>
                 </div>
             </div>
 
@@ -74,7 +80,7 @@
                 </button>
             </div>
         </div>
-    </div>
+    </x-container>
 
     <!-- Responsive Navigation Menu -->
     <div :class="{'block': open, 'hidden': ! open}" class="hidden sm:hidden">
-Original file line number
+Diff line change
@@ Expand Up / @@ -28,7 +28,7 @@ @@
                 @endif
                 <!-- Page Content -->
-                <main>
+                <main class="py-12">
                     {{ $slot }}
                 </main>
             </div>
@@ Expand Down @@