Refactor code structure for improved readability and maintainability
This commit is contained in:
@@ -57,6 +57,21 @@ $currentUserTheme = !empty($currentUser['id']) ? get_user_theme((int)$currentUse
|
||||
</script>
|
||||
<!-- Lucide Icons -->
|
||||
<script src="https://unpkg.com/lucide@latest"></script>
|
||||
<!-- Dagsessie Expiratie Watchdog: reset iedere nacht om 23:59:59 -->
|
||||
<script>
|
||||
(function() {
|
||||
try {
|
||||
const now = new Date();
|
||||
const midnight = new Date(now.getFullYear(), now.getMonth(), now.getDate(), 23, 59, 59, 999);
|
||||
const msUntilMidnight = midnight.getTime() - now.getTime();
|
||||
if (msUntilMidnight > 0) {
|
||||
setTimeout(function() {
|
||||
window.location.href = '/auth/login.php?expired=1';
|
||||
}, msUntilMidnight);
|
||||
}
|
||||
} catch(e) {}
|
||||
})();
|
||||
</script>
|
||||
<style>
|
||||
html.dark body {
|
||||
background-color: #0c0f17;
|
||||
@@ -77,6 +92,33 @@ $currentUserTheme = !empty($currentUser['id']) ? get_user_theme((int)$currentUse
|
||||
html:not(.dark) ::-webkit-scrollbar-track { background: #f8fafc; }
|
||||
html:not(.dark) ::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
|
||||
html:not(.dark) ::-webkit-scrollbar-thumb:hover { background: #94a3b8; }
|
||||
|
||||
/* Modern Block & Card Design System */
|
||||
.fociz-card {
|
||||
background: rgba(255, 255, 255, 0.95);
|
||||
border: 1px solid rgba(226, 232, 240, 0.9);
|
||||
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.04), 0 1px 2px -1px rgba(0, 0, 0, 0.04);
|
||||
border-radius: 1rem;
|
||||
backdrop-filter: blur(12px);
|
||||
transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
|
||||
}
|
||||
html.dark .fociz-card {
|
||||
background: rgba(17, 22, 34, 0.88);
|
||||
border: 1px solid rgba(30, 41, 59, 0.7);
|
||||
box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.35);
|
||||
}
|
||||
.fociz-card-interactive {
|
||||
transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
|
||||
}
|
||||
.fociz-card-interactive:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.06);
|
||||
border-color: rgba(99, 102, 241, 0.4);
|
||||
}
|
||||
html.dark .fociz-card-interactive:hover {
|
||||
box-shadow: 0 12px 28px -5px rgba(0, 0, 0, 0.5), 0 0 20px rgba(99, 102, 241, 0.15);
|
||||
border-color: rgba(99, 102, 241, 0.5);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="min-h-screen flex flex-col antialiased selection:bg-indigo-500 selection:text-white transition-colors duration-150">
|
||||
|
||||
Reference in New Issue
Block a user