feat: add brand logo and favicon support to admin panel and welcome page

This commit is contained in:
Yoga Pangestu 2026-03-31 10:02:04 +07:00
parent 8a42a92d81
commit b3d4c0ce8e
3 changed files with 19 additions and 7 deletions

View File

@ -133,6 +133,11 @@ public function panel(Panel $panel): Panel
'Sistem', 'Sistem',
'Pelindung', 'Pelindung',
]) ])
->globalSearch(false); ->globalSearch(false)
->brandLogo(fn () => asset('images/logo.png'))
->favicon(fn () => asset('images/logo.png'))
->brandLogoHeight(function () {
return request()->is('admin/login') ? '120px' : '40px';
});
} }
} }

BIN
public/images/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 93 KiB

View File

@ -5,6 +5,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{ config('app.name', 'MyClass') }} - Sistem Informasi Manajemen</title> <title>{{ config('app.name', 'MyClass') }} - Sistem Informasi Manajemen</title>
<link rel="icon" type="image/x-icon" href="/images/logo.png">
@vite(['resources/css/app.css', 'resources/js/app.js']) @vite(['resources/css/app.css', 'resources/js/app.js'])
<style> <style>
:root { :root {
@ -18,8 +19,8 @@
--radius-2xl: {{ $userTheme->border_radius }} !important; --radius-2xl: {{ $userTheme->border_radius }} !important;
/* Dynamic Primary Color Overrides */ /* Dynamic Primary Color Overrides */
@foreach($primaryColors as $shade => $rgb) @foreach ($primaryColors as $shade => $rgb)
--color-primary-{{ $shade }}: rgb({{ $rgb }}) !important; --color-primary-{{ $shade }}: rgb({{ $rgb }}) !important;
@endforeach @endforeach
} }
@ -41,14 +42,19 @@
} }
/* Apply border radius override to everything with standard rounded classes */ /* Apply border radius override to everything with standard rounded classes */
.rounded-md, .rounded-lg, .rounded-xl, .rounded-2xl { .rounded-md,
.rounded-lg,
.rounded-xl,
.rounded-2xl {
border-radius: var(--c-border-radius) !important; border-radius: var(--c-border-radius) !important;
} }
</style> </style>
@if($userTheme->font !== 'Inter') @if ($userTheme->font !== 'Inter')
<link rel='preconnect' href='https://fonts.googleapis.com'> <link rel='preconnect' href='https://fonts.googleapis.com'>
<link rel='preconnect' href='https://fonts.gstatic.com' crossorigin> <link rel='preconnect' href='https://fonts.gstatic.com' crossorigin>
<link href='https://fonts.googleapis.com/css2?family={{ $userTheme->font }}:wght@400;500;600;700&display=swap' rel='stylesheet'> <link
href='https://fonts.googleapis.com/css2?family={{ $userTheme->font }}:wght@400;500;600;700&display=swap'
rel='stylesheet'>
@endif @endif
</head> </head>
@ -71,7 +77,8 @@ class="inline-flex items-center rounded-full bg-primary-50 dark:bg-primary-900/3
</div> </div>
<h1 <h1
class="text-4xl sm:text-5xl font-extrabold tracking-tight text-gray-900 dark:text-white leading-tight"> class="text-4xl sm:text-5xl font-extrabold tracking-tight text-gray-900 dark:text-white leading-tight">
{{ $headings['hero_title'] }} <br /> <span class="text-primary-600 dark:text-primary-400">{{ $headings['hero_subtitle'] }}</span> {{ $headings['hero_title'] }} <br /> <span
class="text-primary-600 dark:text-primary-400">{{ $headings['hero_subtitle'] }}</span>
</h1> </h1>
<p class="text-lg text-gray-600 dark:text-gray-400 leading-relaxed max-w-xl"> <p class="text-lg text-gray-600 dark:text-gray-400 leading-relaxed max-w-xl">
Kelola jadwal kelas, daftar presensi, pengumpulan tugas, hingga materi belajar dalam satu Kelola jadwal kelas, daftar presensi, pengumpulan tugas, hingga materi belajar dalam satu