From 13307bc7f437ada019c0e766f06e1e92c08fe92e Mon Sep 17 00:00:00 2001
From: Jaiden <jaiden@jdn.dev>
Date: Sat, 28 Jun 2025 14:17:54 -0400
Subject: [PATCH] Mobile display updates

---
 resources/css/app.css                         | 20 +++++++++++++++++++
 .../views/components/layouts/app.blade.php    | 17 ++++++++++++++++
 .../views/livewire/app/nav-menu.blade.php     |  5 -----
 3 files changed, 37 insertions(+), 5 deletions(-)

diff --git a/resources/css/app.css b/resources/css/app.css
index f3c1562..ff1ea3c 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -34,6 +34,7 @@ wa-page[view='desktop'] {
 		border-inline-end: var(--wa-border-width-s) var(--wa-border-style) var(--wa-color-surface-border);
 	}
 
+	[slot*='subheader'],
 	[slot*='navigation'],
 	[slot*='navigation-header'],
 	[slot*='navigation-footer']{
@@ -45,6 +46,10 @@ wa-page[view='mobile'] {
 	[slot*='header'] {
 		display: none;
 	}
+	[slot*='subheader'],
+	[slot*='navigation-header'] {
+		display: flex;
+	}
 	--menu-width: auto;
 	--aside-width: auto;
 }
@@ -54,6 +59,21 @@ wa-page[view='mobile'] {
 	--wa-color-text-link: var(--wa-color-text-normal);
 }
 
+[slot*='subheader'] {
+	border-block-end: 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*='navigation-header'] {
+	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 {
diff --git a/resources/views/components/layouts/app.blade.php b/resources/views/components/layouts/app.blade.php
index 35d90e3..eba46e0 100644
--- a/resources/views/components/layouts/app.blade.php
+++ b/resources/views/components/layouts/app.blade.php
@@ -16,6 +16,23 @@
 				@livewire('app.navbar')
 			</header>
 
+			<nav slot="subheader">
+				<div class="wa-cluster">
+					<wa-icon-button data-toggle-nav name="bars" label="Menu"></wa-icon-button>
+					<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>
+				</div>
+			</nav>
+
+			<nav slot="navigation-header">
+				<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>
+			</nav>
+
 			<nav slot="navigation">
 				@livewire('app.nav-menu')
 			</nav>
diff --git a/resources/views/livewire/app/nav-menu.blade.php b/resources/views/livewire/app/nav-menu.blade.php
index e055303..1bb07b1 100644
--- a/resources/views/livewire/app/nav-menu.blade.php
+++ b/resources/views/livewire/app/nav-menu.blade.php
@@ -1,9 +1,4 @@
 <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>