Add proper mobile nav; update mongodb package ver

app/Livewire/App/NavFooter.php

@@ -0,0 +1,13 @@
+<?php
+
+namespace App\Livewire\App;
+
+use Livewire\Component;
+
+class NavFooter extends Component
+{
+    public function render()
+    {
+        return view('livewire.app.nav-footer');
+    }
+}

app/Livewire/App/NavMenu.php

@@ -0,0 +1,13 @@
+<?php
+
+namespace App\Livewire\App;
+
+use Livewire\Component;
+
+class NavMenu extends Component
+{
+    public function render()
+    {
+        return view('livewire.app.nav-menu');
+    }
+}

composer.json

@@ -19,7 +19,7 @@
         "league/flysystem": "^3.29",
         "league/flysystem-gridfs": "3.x-dev",
         "livewire/livewire": "^3.6",
-        "mongodb/laravel-mongodb": "^5.4",
+        "mongodb/laravel-mongodb": "*",
         "overtrue/laravel-favorite": "^5.3",
         "predis/predis": "^3.0",
         "socialiteproviders/authentik": "^5.2",

composer.lock

@@ -4,7 +4,7 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "5de9119745206eabc310e39501de5f17",
+    "content-hash": "75207b40221a16fc6aa38c1290b281f5",
     "packages": [
         {
             "name": "brick/math",
@@ -2915,23 +2915,24 @@
         },
         {
             "name": "mongodb/mongodb",
-            "version": "1.21.1",
+            "version": "2.1.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/mongodb/mongo-php-library.git",
-                "reference": "37bc8df3a67ddf8380704a5ba5dbd00e92ec1f6a"
+                "reference": "3bbe7ba9578724c7e1f47fcd17c881c0995baaad"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/mongodb/mongo-php-library/zipball/37bc8df3a67ddf8380704a5ba5dbd00e92ec1f6a",
+                "url": "https://api.github.com/repos/mongodb/mongo-php-library/zipball/3bbe7ba9578724c7e1f47fcd17c881c0995baaad",
-                "reference": "37bc8df3a67ddf8380704a5ba5dbd00e92ec1f6a",
+                "reference": "3bbe7ba9578724c7e1f47fcd17c881c0995baaad",
                 "shasum": ""
             },
             "require": {
                 "composer-runtime-api": "^2.0",
-                "ext-mongodb": "^1.21.0",
+                "ext-mongodb": "^2.1",
                 "php": "^8.1",
-                "psr/log": "^1.1.4|^2|^3"
+                "psr/log": "^1.1.4|^2|^3",
+                "symfony/polyfill-php85": "^1.32"
             },
             "replace": {
                 "mongodb/builder": "*"
@@ -2985,9 +2986,9 @@
             ],
             "support": {
                 "issues": "https://github.com/mongodb/mongo-php-library/issues",
-                "source": "https://github.com/mongodb/mongo-php-library/tree/1.21.1"
+                "source": "https://github.com/mongodb/mongo-php-library/tree/2.1.0"
             },
-            "time": "2025-02-28T17:24:20+00:00"
+            "time": "2025-05-23T10:48:05+00:00"
         },
         {
             "name": "monolog/monolog",
@@ -6316,6 +6317,82 @@
             ],
             "time": "2024-09-09T11:45:10+00:00"
         },
+        {
+            "name": "symfony/polyfill-php85",
+            "version": "v1.32.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-php85.git",
+                "reference": "6fedf31ce4e3648f4ff5ca58bfd53127d38f05fd"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-php85/zipball/6fedf31ce4e3648f4ff5ca58bfd53127d38f05fd",
+                "reference": "6fedf31ce4e3648f4ff5ca58bfd53127d38f05fd",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2"
+            },
+            "type": "library",
+            "extra": {
+                "thanks": {
+                    "url": "https://github.com/symfony/polyfill",
+                    "name": "symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Php85\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill backporting some PHP 8.5+ features to lower PHP versions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "support": {
+                "source": "https://github.com/symfony/polyfill-php85/tree/v1.32.0"
+            },
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2025-05-02T08:40:52+00:00"
+        },
         {
             "name": "symfony/polyfill-uuid",
             "version": "v1.32.0",

resources/css/app.css

@@ -33,13 +33,35 @@ wa-page[view='desktop'] {
 	[slot*='navigation'] {
 		border-inline-end: var(--wa-border-width-s) var(--wa-border-style) var(--wa-color-surface-border);
 	}
+
+	[slot*='navigation'],
+	[slot*='navigation-header'],
+	[slot*='navigation-footer']{
+		display: none;
+	}
 }
 
 wa-page[view='mobile'] {
+	[slot*='header'] {
+		display: none;
+	}
 	--menu-width: auto;
 	--aside-width: auto;
 }
 
+[slot*='navigation'] a {
+	text-decoration: none;
+	--wa-color-text-link: var(--wa-color-text-normal);
+}
+
+[slot*='navigation-footer'] {
+	border-block-start: var(--wa-border-width-s) var(--wa-border-style) var(--wa-color-surface-border);
+	a {
+		text-decoration: none;
+		--wa-color-text-link: var(--wa-color-text-normal);
+	}
+}
+
 [slot='header'] {
 	--wa-link-decoration-default: none;
 	border-block-end: var(--wa-border-width-s) var(--wa-border-style) var(--wa-color-surface-border);

resources/views/components/layouts/app.blade.php

@@ -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>

resources/views/livewire/app/footer.blade.php

@@ -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>

resources/views/livewire/app/nav-footer.blade.php

@@ -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>

resources/views/livewire/app/nav-menu.blade.php

@@ -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>

resources/views/livewire/posts/view.blade.php

@@ -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>