jeremy/RecruIT
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

design: fix candidate layout with full light theme, no dark mode dependencies, high contrast throughout

Browse Source
This commit is contained in:
jeremy bayse
2026-04-14 19:06:17 +02:00
parent 351bdda2a1
commit 71672509b6
2 changed files with 67 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
resources/js/Layouts/AuthenticatedLayout.vue
View File

@@ -14,10 +14,8 @@ const showingNavigationDropdown = ref(false);
<template>
<EnvironmentBanner />
<div>
<div class="min-h-screen bg-slate-50 dark:bg-slate-950 transition-colors duration-300">
<nav
class="border-b border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900/80 backdrop-blur-md sticky top-0 z-50"
>
<div class="min-h-screen" style="background:#f8fafc;">
<nav style="border-bottom:1px solid #e2e8f0; background:white; box-shadow:0 1px 3px rgba(0,0,0,0.04);">
<!-- Primary Navigation Menu -->
<div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
<div class="flex h-16 justify-between">
@@ -52,7 +50,7 @@ const showingNavigationDropdown = ref(false);
<span class="inline-flex rounded-md">
<button
type="button"
class="inline-flex items-center rounded-xl border border-transparent bg-slate-50 dark:bg-slate-800 px-4 py-2 text-sm font-bold leading-4 text-slate-700 dark:text-slate-200 transition duration-150 ease-in-out hover:text-indigo-600 dark:hover:text-indigo-400 focus:outline-none"
style="display:inline-flex; align-items:center; border-radius:0.75rem; border:1.5px solid #e2e8f0; background:#f8fafc; padding:0.5rem 1rem; font-size:0.875rem; font-weight:700; color:#1e293b; transition:all 0.15s ease;"
>
{{ $page.props.auth.user.name }}
@@ -183,7 +181,7 @@ const showingNavigationDropdown = ref(false);
<!-- Page Heading -->
<header
class="bg-white dark:bg-slate-900 shadow-sm border-b border-slate-100 dark:border-slate-800"
style="background:white; border-bottom:1px solid #f1f5f9; box-shadow:none;"
v-if="$slots.header"
>
<div class="mx-auto max-w-7xl px-4 py-6 sm:px-6 lg:px-8">
@@ -196,8 +194,8 @@ const showingNavigationDropdown = ref(false);
<slot />
</main>
<footer class="pb-8 pt-4 text-center">
<span class="text-[10px] text-gray-400 font-mono">v{{ $page.props.app_version }}</span>
<footer class="pb-8 pt-4 text-center" style="background:#f8fafc;">
<span class="text-[10px] font-mono" style="color:#9ca3af;">v{{ $page.props.app_version }}</span>
</footer>
</div>
</div>