82 lines
3.5 KiB
PHP
82 lines
3.5 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="csrf-token" content="{{ csrf_token() }}">
|
|
|
|
<title>{{ $title ?? ($domainName ?? config('app.name', 'Laravel')) }}</title>
|
|
|
|
<!-- Favicons (wie Backend) -->
|
|
<link rel="apple-touch-icon" sizes="57x57" href="/favicon/apple-icon-57x57.png">
|
|
<link rel="apple-touch-icon" sizes="60x60" href="/favicon/apple-icon-60x60.png">
|
|
<link rel="apple-touch-icon" sizes="72x72" href="/favicon/apple-icon-72x72.png">
|
|
<link rel="apple-touch-icon" sizes="76x76" href="/favicon/apple-icon-76x76.png">
|
|
<link rel="apple-touch-icon" sizes="114x114" href="/favicon/apple-icon-114x114.png">
|
|
<link rel="apple-touch-icon" sizes="120x120" href="/favicon/apple-icon-120x120.png">
|
|
<link rel="apple-touch-icon" sizes="144x144" href="/favicon/apple-icon-144x144.png">
|
|
<link rel="apple-touch-icon" sizes="152x152" href="/favicon/apple-icon-152x152.png">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-icon-180x180.png">
|
|
<link rel="icon" type="image/png" sizes="192x192" href="/favicon/android-icon-192x192.png">
|
|
<link rel="icon" type="image/png" sizes="96x96" href="/favicon/favicon-96x96.png">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
|
|
<link rel="shortcut icon" href="{{ asset(\App\Helpers\ThemeHelper::getFaviconPath()) }}">
|
|
<link rel="manifest" href="/favicon/manifest.json">
|
|
<meta name="msapplication-TileColor" content="#ffffff">
|
|
<meta name="msapplication-TileImage" content="/favicon/ms-icon-144x144.png">
|
|
<meta name="theme-color" content="#ffffff">
|
|
|
|
@php
|
|
$theme = config('app.theme', 'b2in');
|
|
@endphp
|
|
|
|
@vite([
|
|
\App\Helpers\ThemeHelper::getThemeCssPath(),
|
|
'resources/js/app.js'
|
|
], 'build/' . $theme)
|
|
|
|
<!-- Sticky Header Script -->
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
const topbar = document.getElementById('topbar');
|
|
const header = document.getElementById('header');
|
|
|
|
if (!topbar || !header) return;
|
|
|
|
let topbarHeight = topbar.offsetHeight;
|
|
let isHeaderSticky = false;
|
|
|
|
function updateHeaderPosition() {
|
|
const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
|
|
|
|
if (scrollTop >= topbarHeight && !isHeaderSticky) {
|
|
header.classList.remove('header-normal');
|
|
header.classList.add('header-sticky');
|
|
isHeaderSticky = true;
|
|
} else if (scrollTop < topbarHeight && isHeaderSticky) {
|
|
header.classList.remove('header-sticky');
|
|
header.classList.add('header-normal');
|
|
isHeaderSticky = false;
|
|
}
|
|
}
|
|
|
|
updateHeaderPosition();
|
|
window.addEventListener('scroll', updateHeaderPosition);
|
|
window.addEventListener('resize', function() {
|
|
topbarHeight = topbar.offsetHeight;
|
|
updateHeaderPosition();
|
|
});
|
|
});
|
|
</script>
|
|
|
|
@stack('styles')
|
|
</head>
|
|
<body class="antialiased bg-background text-foreground">
|
|
<livewire:web.components.ui.top-bar />
|
|
|
|
{{ $slot }}
|
|
|
|
@stack('scripts')
|
|
</body>
|
|
</html>
|