UI-Verbesserungen, PWA-Icons, Branding und Settings-Erweiterung

Invertiertes Logo für Admin-Navbar, neue PWA-Icons, Manifest-Updates, Tailwind-Config-Extraktion, Farb-/Namenseinstellungen im Admin-Bereich und diverse Layout-Optimierungen. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-03-02 23:49:12 +01:00
parent 4eaf2368af
commit ee89141628
30 changed files with 401 additions and 27 deletions
--- a/resources/views/components/layouts/admin.blade.php
+++ b/resources/views/components/layouts/admin.blade.php
@@ -6,6 +6,7 @@
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <title>{{ __('ui.admin') }} - {{ $title ?? \App\Models\Setting::get('app_name', config('app.name')) }}</title>
    <script src="https://cdn.tailwindcss.com"></script>
+    @include('components.tailwind-config')
    <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.14.9/dist/cdn.min.js" integrity="sha384-9Ax3MmS9AClxJyd5/zafcXXjxmwFhZCdsT6HJoJjarvCaAkJlk5QDzjLJm+Wdx5F" crossorigin="anonymous"></script>
    @php $favicon = \App\Models\Setting::get('app_favicon'); @endphp
    @if ($favicon)
@@ -18,7 +19,7 @@
    <meta name="theme-color" content="#1f2937">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
-    <meta name="apple-mobile-web-app-title" content="SG Wölfe">
+    <meta name="apple-mobile-web-app-title" content="{{ \App\Models\Setting::get('app_name', 'VereinsOS') }}">
    <link rel="apple-touch-icon" href="/images/apple-touch-icon.png">
    @stack('styles')
 </head>
@@ -29,7 +30,8 @@
            <div class="flex justify-between h-14">
                <div class="flex items-center space-x-6 rtl:space-x-reverse">
                    <a href="{{ route('admin.dashboard') }}" class="flex items-center gap-2 font-bold">
-                        <img src="/images/logo_woelfe.png" alt="Logo" class="h-8 w-8 object-contain">
+                        @php $logoApp = \App\Models\Setting::get('app_logo_app'); @endphp
+                        <img src="{{ $logoApp ? asset('storage/' . $logoApp) : asset('images/vereinos_logo_white.png') }}" alt="Logo" class="h-8 w-8 object-contain">
                        {{ __('ui.admin') }}
                    </a>
                    {{-- Desktop nav links (ab lg sichtbar) --}}
@@ -38,6 +40,9 @@
                        @if (\App\Models\Setting::isFeatureVisibleFor('statistics', auth()->user()))
                            <a href="{{ route('admin.statistics.index') }}" class="text-sm text-gray-300 hover:text-white {{ request()->routeIs('admin.statistics.*') ? 'text-white font-semibold' : '' }}">{{ __('admin.nav_statistics') }}</a>
                        @endif
+                        @if (\App\Models\Setting::isFeatureVisibleFor('finances', auth()->user()))
+                            <a href="{{ route('admin.finances.index') }}" class="text-sm text-gray-300 hover:text-white {{ request()->routeIs('admin.finances.*') ? 'text-white font-semibold' : '' }}">{{ __('admin.nav_finances') }}</a>
+                        @endif
                        @if (auth()->user()->isStaff())
                            <a href="{{ route('admin.teams.index') }}" class="text-sm text-gray-300 hover:text-white {{ request()->routeIs('admin.teams.*') ? 'text-white font-semibold' : '' }}">{{ __('admin.nav_teams') }}</a>
                            <a href="{{ route('admin.players.index') }}" class="text-sm text-gray-300 hover:text-white {{ request()->routeIs('admin.players.*') ? 'text-white font-semibold' : '' }}">{{ __('admin.nav_players') }}</a>
@@ -104,6 +109,9 @@
            @if (\App\Models\Setting::isFeatureVisibleFor('statistics', auth()->user()))
                <a href="{{ route('admin.statistics.index') }}" class="block py-2 text-sm text-gray-300">{{ __('admin.nav_statistics') }}</a>
            @endif
+            @if (\App\Models\Setting::isFeatureVisibleFor('finances', auth()->user()))
+                <a href="{{ route('admin.finances.index') }}" class="block py-2 text-sm text-gray-300">{{ __('admin.nav_finances') }}</a>
+            @endif
            @if (auth()->user()->isStaff())
                <a href="{{ route('admin.teams.index') }}" class="block py-2 text-sm text-gray-300">{{ __('admin.nav_teams') }}</a>
                <a href="{{ route('admin.players.index') }}" class="block py-2 text-sm text-gray-300">{{ __('admin.nav_players') }}</a>
--- a/resources/views/components/layouts/app.blade.php
+++ b/resources/views/components/layouts/app.blade.php
@@ -6,6 +6,7 @@
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <title>{{ $title ?? \App\Models\Setting::get('app_name', config('app.name')) }}</title>
    <script src="https://cdn.tailwindcss.com"></script>
+    @include('components.tailwind-config')
    <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.14.9/dist/cdn.min.js" integrity="sha384-9Ax3MmS9AClxJyd5/zafcXXjxmwFhZCdsT6HJoJjarvCaAkJlk5QDzjLJm+Wdx5F" crossorigin="anonymous"></script>
    @php $favicon = \App\Models\Setting::get('app_favicon'); @endphp
    @if ($favicon)
@@ -18,7 +19,7 @@
    <meta name="theme-color" content="#1f2937">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
-    <meta name="apple-mobile-web-app-title" content="SG Wölfe">
+    <meta name="apple-mobile-web-app-title" content="{{ \App\Models\Setting::get('app_name', 'VereinsOS') }}">
    <link rel="apple-touch-icon" href="/images/apple-touch-icon.png">
    @stack('styles')
 </head>
@@ -30,7 +31,7 @@
                <div class="flex items-center space-x-6 rtl:space-x-reverse">
                    @php $logoApp = \App\Models\Setting::get('app_logo_app'); @endphp
                    <a href="{{ route('dashboard') }}" class="flex items-center gap-2 font-bold text-gray-900">
-                        <img src="{{ $logoApp ? asset('storage/' . $logoApp) : asset('images/logo_woelfe.png') }}" alt="Logo" class="h-8 w-8 object-contain">
+                        <img src="{{ $logoApp ? asset('storage/' . $logoApp) : asset('images/vereinos_logo.png') }}" alt="Logo" class="h-8 w-8 object-contain">
                        {{ \App\Models\Setting::get('app_name', config('app.name')) }}
                    </a>
                    <div class="hidden sm:flex items-center space-x-6 rtl:space-x-reverse">
--- a/resources/views/components/layouts/guest.blade.php
+++ b/resources/views/components/layouts/guest.blade.php
@@ -5,6 +5,7 @@
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>{{ $title ?? \App\Models\Setting::get('app_name', config('app.name')) }}</title>
    <script src="https://cdn.tailwindcss.com"></script>
+    @include('components.tailwind-config')
    <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.14.9/dist/cdn.min.js" integrity="sha384-9Ax3MmS9AClxJyd5/zafcXXjxmwFhZCdsT6HJoJjarvCaAkJlk5QDzjLJm+Wdx5F" crossorigin="anonymous"></script>
    @php $favicon = \App\Models\Setting::get('app_favicon'); @endphp
    @if ($favicon)
@@ -17,7 +18,7 @@
    <meta name="theme-color" content="#1f2937">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
-    <meta name="apple-mobile-web-app-title" content="SG Wölfe">
+    <meta name="apple-mobile-web-app-title" content="{{ \App\Models\Setting::get('app_name', 'VereinsOS') }}">
    <link rel="apple-touch-icon" href="/images/apple-touch-icon.png">
 </head>
 <body class="min-h-screen bg-gray-100 flex flex-col">
@@ -26,7 +27,7 @@
            <div class="text-center mb-8">
                @php $logoLogin = \App\Models\Setting::get('app_logo_login'); @endphp
                <a href="{{ auth()->check() ? route('dashboard') : route('login') }}">
-                    <img src="{{ $logoLogin ? asset('storage/' . $logoLogin) : asset('images/logo_sg_woelfe.png') }}" alt="Logo" class="mx-auto h-24 mb-3 object-contain">
+                    <img src="{{ $logoLogin ? asset('storage/' . $logoLogin) : asset('images/vereinos_logo.png') }}" alt="Logo" class="mx-auto h-24 mb-3 object-contain">
                </a>
                <h1 class="text-2xl font-bold text-gray-900">{{ \App\Models\Setting::get('app_name', config('app.name')) }}</h1>
                @php $slogan = \App\Models\Setting::get('app_slogan'); @endphp
--- a/resources/views/components/layouts/installer.blade.php
+++ b/resources/views/components/layouts/installer.blade.php
@@ -3,8 +3,9 @@
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Installation — Handball WebApp</title>
+    <title>Installation — VereinsOS</title>
    <script src="https://cdn.tailwindcss.com"></script>
+    @include('components.tailwind-config')
    <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.14.9/dist/cdn.min.js" integrity="sha384-9Ax3MmS9AClxJyd5/zafcXXjxmwFhZCdsT6HJoJjarvCaAkJlk5QDzjLJm+Wdx5F" crossorigin="anonymous"></script>
    <link rel="icon" href="{{ asset('favicon.ico') }}">
 </head>
@@ -13,7 +14,7 @@
        <div class="w-full max-w-2xl">
            {{-- Logo --}}
            <div class="text-center mb-6">
-                <img src="/images/logo_sg_woelfe.png" alt="Logo" class="mx-auto h-20 mb-3">
+                <img src="/images/vereinos_logo.png" alt="VereinsOS" class="mx-auto h-20 mb-3">
                <h1 class="text-xl font-bold text-gray-900">Installation</h1>
            </div>

@@ -63,7 +64,7 @@
        </div>
    </main>
    <footer class="text-center py-3 text-xs text-gray-400">
-        Handball WebApp &mdash; Installation
+        VereinsOS &mdash; Installation
    </footer>
 </body>
 </html>