Add proper mobile nav; update mongodb package ver

This commit is contained in:
yuriko 🦊 2025-06-28 13:57:55 -04:00
parent 1e19f79af1
commit 4c58b94f96
Signed by: jaiden
SSH key fingerprint: SHA256:f8tvveBoXBrKZIQDWLLcpQrKbATUCGg98x2N4YzkDM8
10 changed files with 195 additions and 12 deletions

View file

@ -16,6 +16,14 @@
@livewire('app.navbar')
</header>
<nav slot="navigation">
@livewire('app.nav-menu')
</nav>
<nav slot="navigation-footer">
@livewire('app.nav-footer')
</nav>
<main>
{{ $slot }}
</main>

View file

@ -4,7 +4,7 @@
<wa-icon name="paw-simple"></wa-icon>
<span>{{ config('app.name') }}</span>
</div>
<span class="wa-caption-l">&copy; 2025 NyaaStudios; All rights reserved.</span>
<span class="wa-caption-l">&copy; 2025 <a href="https://nyaastudios.io" target="_blank">NyaaStudios</a>; All rights reserved.</span>
</div>
<div class="wa-cluster wa-heading-m">
<wa-icon-button family="brands" name="github" href="https://github.com/NyaaStudios/nyaabooru" target="_blank"></wa-icon-button>

View file

@ -0,0 +1,22 @@
<div class="wa-stack">
@guest
<a href="{{ route('login') }}" class="wa-cluster">
<wa-icon name="arrow-right-to-bracket"></wa-icon>
Sign in to {{ config('app.name') }}
</a>
@endguest
@auth
<a href="{{ url('/profiles/' . Auth::id()) }}" wire:navigate.hover>
<div class="wa-cluster wa-align-items-center">
<livewire:app.pfp :user="auth()->user()" size="2rem" shape="rounded" />
{{ Auth::user()->name }}
</div>
</a>
<a href="{{ route('logout') }}" class="wa-cluster">
<wa-icon name="arrow-left-from-bracket"></wa-icon>
Sign out
</a>
@endauth
</div>

View file

@ -0,0 +1,28 @@
<div class="wa-stack">
<a href="{{ route('home') }}" class="wa-cluster" style="font-size: 1.5rem;" wire:navigate.hover>
<wa-icon name="paw-simple"></wa-icon>
{{ config('app.name') }}
</a>
@auth
<a href="{{ route('posts.home') }}" class="wa-cluster" wire:navigate.hover>
<wa-icon name="images"></wa-icon>
Posts
</a>
<a href="{{ route('upload') }}" class="wa-cluster" wire:navigate.hover>
<wa-icon name="arrow-up-from-bracket"></wa-icon>
Upload
</a>
<a href="{{ route('tags.home') }}" class="wa-cluster" wire:navigate.hover>
<wa-icon name="tags"></wa-icon>
Tags
</a>
<a href="{{ route('users') }}" class="wa-cluster" wire:navigate.hover>
<wa-icon name="users"></wa-icon>
Users
</a>
@endauth
</div>

View file

@ -99,7 +99,7 @@
@endforeach
{{-- Full image dialog --}}
<wa-dialog id="fullImagePreview" without-header without-footer light-dismiss style="--width: 90%;" wire:ignore>
<wa-dialog id="fullImagePreview" without-header without-footer light-dismiss style="--width: 120vh;" wire:ignore>
<livewire:posts.full-image :$post lazy />
</wa-dialog>