jeremy/OrderCheck
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: replace logo with app name in navigation bar

Browse Source 
Display APP_NAME from config instead of the ApplicationLogo SVG.
App name shared globally via Inertia HandleInertiaRequests middleware.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
mrKamoo
2026-06-19 16:41:55 +02:00
co-authored by Claude Sonnet 4.6
parent 51ac1b8353
commit 648749a69a
2 changed files with 4 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/Http/Middleware/HandleInertiaRequests.php
+1
View File
@@ -38,6 +38,7 @@ class HandleInertiaRequests extends Middleware
'success' => fn () => $request->session()->get('success'), 'success' => fn () => $request->session()->get('success'),
'error' => fn () => $request->session()->get('error'), 'error' => fn () => $request->session()->get('error'),
], ],
'appName' => config('app.name'),
]; ];
} }
} }
resources/js/Layouts/AuthenticatedLayout.vue
+3 -6
View File
@@ -1,6 +1,5 @@
<script setup> <script setup>
import { ref } from 'vue'; import { ref } from 'vue';
import ApplicationLogo from '@/Components/ApplicationLogo.vue';
import Dropdown from '@/Components/Dropdown.vue'; import Dropdown from '@/Components/Dropdown.vue';
import DropdownLink from '@/Components/DropdownLink.vue'; import DropdownLink from '@/Components/DropdownLink.vue';
import NavLink from '@/Components/NavLink.vue'; import NavLink from '@/Components/NavLink.vue';
@@ -20,12 +19,10 @@ const showingNavigationDropdown = ref(false);
<div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"> <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
<div class="flex h-16 justify-between"> <div class="flex h-16 justify-between">
<div class="flex"> <div class="flex">
<!-- Logo --> <!-- App name -->
<div class="flex shrink-0 items-center"> <div class="flex shrink-0 items-center">
<Link :href="route('dashboard')"> <Link :href="route('dashboard')" class="text-base font-extrabold tracking-tight text-slate-800 dark:text-slate-100">
<ApplicationLogo {{ $page.props.appName ?? 'OrderCheck' }}
class="block h-9 w-auto fill-current text-gray-800 dark:text-gray-200"
/>
</Link> </Link>
</div> </div>