wip

resources/views/livewire/dashboard/content/tags.blade.php

@@ -0,0 +1,3 @@
+<div>
+    Tags
+</div>

resources/views/livewire/dashboard/content/videos.blade.php

@@ -0,0 +1,3 @@
+<div>
+    Videos
+</div>

resources/views/livewire/dashboard/pages/content.blade.php

@@ -1,10 +1,9 @@
 <x-wireuse::layout-page>
     <x-wireuse::navigation-tabs
         :$navigation
-        class="px-3 gap-5 border-b border-secondary-500/50 w-full"
-        class:tab="py-3 border-b text-sm font-medium"
+        class:tabs="flex items-center overflow-x-auto gap-x-5 px-3 border-b border-secondary-500/50"
+        class:item="py-3 border-b text-sm font-medium"
         class:active="border-primary-400 text-primary-400"
         class:inactive="border-secondary-400 text-secondary-400"
-
     />
 </x-wireuse::layout-page>

resources/views/livewire/dashboard/ui/footer.blade.php

@@ -1,9 +1,9 @@
-<footer class="border-t border-secondary-800/80">
-    <x-wireuse::layout-container class="flex items-center justify-center py-1.5 gap-6 sm:gap-9 overflow-x-auto">
+<footer class="py-1.5 px-3 border-t border-secondary-800/80">
+    <x-wireuse::layout-container class="flex items-center justify-center">
         <x-wireuse::navigation-tabs
             :$navigation
-            class="gap-x-6"
-            class:tab="flex-col gap-0.5 justify-stretch max-w-16 line-clamp text-xs font-medium"
+            class:tabs="flex items-center overflow-x-auto gap-x-6"
+            class:item="flex-col gap-0.5 justify-stretch max-w-16 line-clamp text-xs font-medium"
             class:icon="size-6 sm:size-7"
         />
     </x-wireuse::layout-container>

src/App/Dashboard/Http/Controllers/DashboardContentController.php

@@ -2,6 +2,8 @@
 
 namespace App\Dashboard\Http\Controllers;
 
+use App\Livewire\Dashboard\Content\Tags;
+use App\Livewire\Dashboard\Content\Videos;
 use Foxws\WireUse\Navigation\Support\Navigation;
 use Foxws\WireUse\Navigation\Support\NavigationItem;
 use Foxws\WireUse\Views\Support\Page;
@@ -33,12 +35,14 @@ protected function tabs(): Navigation
         return Navigation::make()
             ->active($this->tab)
             ->add('videos', fn (NavigationItem $item) => $item
-                ->label(__('Videos'))
                 ->wireModel('tab')
+                ->label(__('Videos'))
+                ->livewire(Videos::class)
             )
             ->add('tags', fn (NavigationItem $item) => $item
-                ->label(__('Tags'))
                 ->wireModel('tab')
+                ->label(__('Tags'))
+                ->livewire(Tags::class)
             );
     }
 }

src/App/Livewire/Dashboard/Content/Tags.php

@@ -0,0 +1,15 @@
+<?php
+
+namespace App\Livewire\Dashboard\Content;
+
+use Livewire\Component;
+
+class Tags extends Component
+{
+    public function render()
+    {
+        return view('livewire.dashboard.content.tags')->with([
+            //
+        ]);
+    }
+}

src/App/Livewire/Dashboard/Content/Videos.php

@@ -0,0 +1,15 @@
+<?php
+
+namespace App\Livewire\Dashboard\Content;
+
+use Livewire\Component;
+
+class Videos extends Component
+{
+    public function render()
+    {
+        return view('livewire.dashboard.content.videos')->with([
+            //
+        ]);
+    }
+}