From db2629b422589fc2ea1d25a3c483ec339be5d1db Mon Sep 17 00:00:00 2001
From: Sergio Brighenti <sergio@brighenti.me>
Date: Mon, 26 Aug 2024 10:49:23 +0200
Subject: [PATCH] updated and fixed navbar

---
 core/app/View/Components/AppBrand.php               | 12 ++++++++----
 .../views/components/layouts/app.blade.php          | 13 +++++++------
 .../views/components/layouts/auth.blade.php         |  2 +-
 core/resources/views/livewire/welcome.blade.php     |  9 ++++++++-
 4 files changed, 24 insertions(+), 12 deletions(-)

diff --git a/core/app/View/Components/AppBrand.php b/core/app/View/Components/AppBrand.php
index ea4e546..5abbc27 100644
--- a/core/app/View/Components/AppBrand.php
+++ b/core/app/View/Components/AppBrand.php
@@ -11,7 +11,7 @@ class AppBrand extends Component
     /**
      * Create a new component instance.
      */
-    public function __construct()
+    public function __construct(public ?bool $onTop = false)
     {
         //
     }
@@ -25,9 +25,13 @@ class AppBrand extends Component
                 <a href="/" wire:navigate>
                     <!-- Hidden when collapsed -->
                     <div {{ $attributes->class(["hidden-when-collapsed"]) }}>
-                        <div class="flex items-center gap-2">
-                            <x-icon name="o-square-3-stack-3d" class="w-6 -mb-1 text-purple-500" />
-                            <span class="font-bold text-3xl me-3 bg-gradient-to-r from-purple-500 to-pink-300 bg-clip-text text-transparent ">
+                        <div class="flex items-center {{ $onTop ? 'flex-col justify-center' : 'gap-2 btn btn-link no-underline hover:no-underline' }}">
+                            <div class="avatar">
+                                <div class="{{ $onTop ? 'w-24' : 'w-12' }}">
+                                    <img src="{{ asset('img/android-chrome-192x192.png') }}" />
+                              </div>
+                            </div>
+                            <span class="font-bold text-3xl bg-gradient-to-r from-blue-500 to-green-400 bg-clip-text text-transparent ">
                                 {{ config('app.name') }}
                             </span>
                         </div>
diff --git a/core/resources/views/components/layouts/app.blade.php b/core/resources/views/components/layouts/app.blade.php
index de4b013..5d5e3eb 100644
--- a/core/resources/views/components/layouts/app.blade.php
+++ b/core/resources/views/components/layouts/app.blade.php
@@ -35,30 +35,30 @@
             <x-app-brand/>
         </div>
         <div class="navbar-center hidden lg:flex">
-            <x-menu activate-by-route class="menu-horizontal">
+            <x-menu activate-by-route class="menu-horizontal z-50 flex items-center">
                 <x-menu-item title="Home" icon="o-home" link="###"/>
                 <x-menu-item title="Messages" icon="o-envelope" link="###"/>
                 <x-menu-sub title="Settings" icon="o-cog-6-tooth">
+                    <x-menu-item title="Wifi" icon="o-wifi" link="####"/>
+                    <x-menu-item title="Wifi" icon="o-wifi" link="####"/>
+                    <x-menu-item title="Wifi" icon="o-wifi" link="####"/>
                     <x-menu-item title="Wifi" icon="o-wifi" link="####"/>
                     <x-menu-item title="Archives" icon="o-archive-box" link="####"/>
                 </x-menu-sub>
             </x-menu>
         </div>
-        <div class="navbar-end">
+        <div class="navbar-end mr-2">
             @if($user = auth()->user())
                 <x-dropdown>
                     <x-slot:trigger>
                         <x-avatar :image="$user->avatar" :title="$user->username" :subtitle="$user->name"
                                   class="!w-10"/>
                     </x-slot:trigger>
-                    <x-menu-item icon="o-power" title="Logout" link="javascript:void(0)"
-                                 onclick="event.preventDefault();document.getElementById('logout-form').submit();"
-                                 no-wire-navigate/>
+                    <x-menu-item icon="o-power" title="Logout" link="javascript:document.getElementById('logout-form').submit();" no-wire-navigate/>
                 </x-dropdown>
             @endif
         </div>
     </div>
-    <form method="POST" action="{{ route('logout') }}" id="logout-form">@csrf</form>
 
     <x-main with-nav full-width>
         <x-slot:content>
@@ -66,5 +66,6 @@
         </x-slot:content>
     </x-main>
 
+    <form method="POST" action="{{ route('logout') }}" id="logout-form">@csrf</form>
     <x-toast/>
 @endsection
diff --git a/core/resources/views/components/layouts/auth.blade.php b/core/resources/views/components/layouts/auth.blade.php
index 39de0da..826e8ad 100644
--- a/core/resources/views/components/layouts/auth.blade.php
+++ b/core/resources/views/components/layouts/auth.blade.php
@@ -5,7 +5,7 @@
         <div class="relative flex flex-col items-center justify-center h-screen overflow-hidden w-96">
             <x-card shadow class="w-96 pr-8 pl-8">
                 <h1 class="mb-6 justify-center flex">
-                    <x-app-brand/>
+                    <x-app-brand on-top/>
                 </h1>
                 {{ $slot }}
             </x-card>
diff --git a/core/resources/views/livewire/welcome.blade.php b/core/resources/views/livewire/welcome.blade.php
index e3a2128..9a95d42 100644
--- a/core/resources/views/livewire/welcome.blade.php
+++ b/core/resources/views/livewire/welcome.blade.php
@@ -1,3 +1,10 @@
 <div>
-feefefef
+    feefefef
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    adsdsds
+    <x-theme-toggle />
 </div>