dyzulk/app
1
0
Fork 0
mirror of https://github.com/twinpath/app.git synced 2026-01-26 13:21:59 +07:00
Code Issues Packages Projects Releases 1 Wiki Activity

fix: production deployment issues (JS classList, Alpine syntax, and WebSocket config)

Browse Source
This commit is contained in:
Dyzulk Developer
2025-12-23 05:52:46 +07:00
parent 500fead8fa
commit 5cffa07ada
4 changed files with 37 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
resources/views/components/public/navbar.blade.php
View File

@@ -107,7 +107,9 @@
class="fixed inset-0 z-40 md:hidden bg-white dark:bg-gray-900 pt-24 px-6">
<div class="flex flex-col gap-6">
<a href="{{ route('home') }}" @click="$store.sidebar.setMobileOpen(false)" class="text-lg font-bold text-gray-900 dark:text-white border-b border-gray-100 dark:border-gray-800 pb-4">Home</a>
<a href="{{ route('home') }}#features" @click="$store.sidebar.setMobileOpen(false); if(Route::is('home')) window.appSmoothScroll('#features')" class="text-lg font-bold text-gray-900 dark:text-white border-b border-gray-100 dark:border-gray-800 pb-4">Features</a>
<a href="{{ route('home') }}#features"
@click="$store.sidebar.setMobileOpen(false)@if(Route::is('home')); window.appSmoothScroll('#features')@endif"
class="text-lg font-bold text-gray-900 dark:text-white border-b border-gray-100 dark:border-gray-800 pb-4">Features</a>
<div x-data="{ expanded: false }">
<button @click="expanded = !expanded" class="w-full flex justify-between items-center text-lg font-bold text-gray-900 dark:text-white border-b border-gray-100 dark:border-gray-800 pb-4">

13
resources/views/layouts/app.blade.php
View File

@@ -81,13 +81,22 @@
const savedTheme = localStorage.getItem('theme');
const systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
const theme = savedTheme || systemTheme;
// Add to html immediately (works in <head>)
if (theme === 'dark') {
document.documentElement.classList.add('dark');
document.body.classList.add('dark', 'bg-gray-900');
} else {
document.documentElement.classList.remove('dark');
document.body.classList.remove('dark', 'bg-gray-900');
}
// Add to body after it's available
document.addEventListener('DOMContentLoaded', () => {
if (theme === 'dark') {
document.body.classList.add('dark', 'bg-gray-900');
} else {
document.body.classList.remove('dark', 'bg-gray-900');
}
});
})();
</script>

13
resources/views/layouts/fullscreen-layout.blade.php
View File

@@ -102,13 +102,22 @@
const savedTheme = localStorage.getItem('theme');
const systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
const theme = savedTheme || systemTheme;
// Add to html immediately (works in <head>)
if (theme === 'dark') {
document.documentElement.classList.add('dark');
document.body.classList.add('dark', 'bg-gray-900');
} else {
document.documentElement.classList.remove('dark');
document.body.classList.remove('dark', 'bg-gray-900');
}
// Add to body after it's available
document.addEventListener('DOMContentLoaded', () => {
if (theme === 'dark') {
document.body.classList.add('dark', 'bg-gray-900');
} else {
document.body.classList.remove('dark', 'bg-gray-900');
}
});
})();
</script>
</head>