wip navbar
This commit is contained in:
parent
db2629b422
commit
5a685429c5
|
@ -25,7 +25,7 @@ class AppBrand extends Component
|
||||||
<a href="/" wire:navigate>
|
<a href="/" wire:navigate>
|
||||||
<!-- Hidden when collapsed -->
|
<!-- Hidden when collapsed -->
|
||||||
<div {{ $attributes->class(["hidden-when-collapsed"]) }}>
|
<div {{ $attributes->class(["hidden-when-collapsed"]) }}>
|
||||||
<div class="flex items-center {{ $onTop ? 'flex-col justify-center' : 'gap-2 btn btn-link no-underline hover:no-underline' }}">
|
<div class="flex items-center {{ $onTop ? 'flex-col justify-center' : 'gap-2 btn btn-link no-underline hover:no-underline flex-nowrap' }}">
|
||||||
<div class="avatar">
|
<div class="avatar">
|
||||||
<div class="{{ $onTop ? 'w-24' : 'w-12' }}">
|
<div class="{{ $onTop ? 'w-24' : 'w-12' }}">
|
||||||
<img src="{{ asset('img/android-chrome-192x192.png') }}" />
|
<img src="{{ asset('img/android-chrome-192x192.png') }}" />
|
||||||
|
|
|
@ -3,6 +3,7 @@
|
||||||
namespace Database\Seeders;
|
namespace Database\Seeders;
|
||||||
|
|
||||||
use App\Models\User;
|
use App\Models\User;
|
||||||
|
|
||||||
// use Illuminate\Database\Console\Seeds\WithoutModelEvents;
|
// use Illuminate\Database\Console\Seeds\WithoutModelEvents;
|
||||||
use Illuminate\Database\Seeder;
|
use Illuminate\Database\Seeder;
|
||||||
|
|
||||||
|
@ -14,9 +15,16 @@ class DatabaseSeeder extends Seeder
|
||||||
public function run(): void
|
public function run(): void
|
||||||
{
|
{
|
||||||
User::factory()->create([
|
User::factory()->create([
|
||||||
'name' => 'Test User',
|
'name' => 'Sergio Brighenti',
|
||||||
'email' => 'a@a',
|
'email' => 'sergio@brighenti.me',
|
||||||
'password' => bcrypt('aaa'),
|
'password' => bcrypt('xxx'),
|
||||||
|
'is_admin' => true,
|
||||||
|
]);
|
||||||
|
|
||||||
|
User::factory()->create([
|
||||||
|
'name' => 'John Doe',
|
||||||
|
'email' => 'a@a.a',
|
||||||
|
'password' => bcrypt('xxx'),
|
||||||
]);
|
]);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,64 +1,7 @@
|
||||||
@extends('components.layouts.base')
|
@extends('components.layouts.base')
|
||||||
|
|
||||||
@section('body')
|
@section('body')
|
||||||
<div class="navbar bg-base-100">
|
<x-layouts.navbar.navbar/>
|
||||||
<div class="navbar-start">
|
|
||||||
<div class="dropdown">
|
|
||||||
<div tabindex="0" role="button" class="btn btn-ghost lg:hidden">
|
|
||||||
<svg
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
class="h-5 w-5"
|
|
||||||
fill="none"
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
stroke="currentColor">
|
|
||||||
<path
|
|
||||||
stroke-linecap="round"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
stroke-width="2"
|
|
||||||
d="M4 6h16M4 12h8m-8 6h16"/>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<ul
|
|
||||||
tabindex="0"
|
|
||||||
class="menu menu-sm dropdown-content bg-base-100 rounded-box z-[1] mt-3 w-52 p-2 shadow">
|
|
||||||
<li><a>Item 1</a></li>
|
|
||||||
<li>
|
|
||||||
<a>Parent</a>
|
|
||||||
<ul class="p-2">
|
|
||||||
<li><a>Submenu 1</a></li>
|
|
||||||
<li><a>Submenu 2</a></li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li><a>Item 3</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<x-app-brand/>
|
|
||||||
</div>
|
|
||||||
<div class="navbar-center hidden lg:flex">
|
|
||||||
<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 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:document.getElementById('logout-form').submit();" no-wire-navigate/>
|
|
||||||
</x-dropdown>
|
|
||||||
@endif
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<x-main with-nav full-width>
|
<x-main with-nav full-width>
|
||||||
<x-slot:content>
|
<x-slot:content>
|
||||||
|
|
|
@ -0,0 +1,7 @@
|
||||||
|
<x-menu-item title="Gallery" icon="o-photo" link="###"/>
|
||||||
|
<x-menu-item title="Upload" icon="o-arrow-up-tray" link="###"/>
|
||||||
|
<x-menu-sub title="Settings" icon="o-adjustments-vertical">
|
||||||
|
<x-menu-item title="Wifi" icon="o-wifi" link="####"/>
|
||||||
|
<x-menu-item title="fffs" icon="o-wifi" link="####"/>
|
||||||
|
<x-menu-item title="Archives" icon="o-archive-box" link="####"/>
|
||||||
|
</x-menu-sub>
|
|
@ -0,0 +1,30 @@
|
||||||
|
<div class="navbar bg-base-100">
|
||||||
|
<div class="navbar-start">
|
||||||
|
<x-dropdown>
|
||||||
|
<x-slot:trigger>
|
||||||
|
<x-button icon="o-bars-3" class="btn btn-ghost btn-sm lg:hidden" />
|
||||||
|
</x-slot:trigger>
|
||||||
|
@include('components.layouts.navbar.menuitems')
|
||||||
|
</x-dropdown>
|
||||||
|
<x-app-brand/>
|
||||||
|
</div>
|
||||||
|
<div class="navbar-center hidden lg:flex">
|
||||||
|
<x-menu activate-by-route class="menu-horizontal z-50 flex items-center">
|
||||||
|
@include('components.layouts.navbar.menuitems')
|
||||||
|
</x-menu>
|
||||||
|
</div>
|
||||||
|
<div class="navbar-end">
|
||||||
|
@if($user = auth()->user())
|
||||||
|
<x-dropdown no-x-anchor right>
|
||||||
|
<x-slot:trigger>
|
||||||
|
<div class="btn btn-ghost">
|
||||||
|
<x-avatar :image="$user->avatar" :title="$user->username" :subtitle="$user->name" class="!w-10"/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</x-slot:trigger>
|
||||||
|
<x-menu-item icon="o-user" title="Profile" link="#"/>
|
||||||
|
<x-menu-item icon="o-power" title="Quit" link="javascript:document.getElementById('logout-form').submit();" no-wire-navigate/>
|
||||||
|
</x-dropdown>
|
||||||
|
@endif
|
||||||
|
</div>
|
||||||
|
</div>
|
Loading…
Reference in a new issue