updated and fixed navbar
This commit is contained in:
parent
2b37296225
commit
db2629b422
|
@ -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>
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -1,3 +1,10 @@
|
|||
<div>
|
||||
feefefef
|
||||
feefefef
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
adsdsds
|
||||
<x-theme-toggle />
|
||||
</div>
|
||||
|
|
Loading…
Reference in a new issue