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

design: complete UI harmonization with full dark mode support and high contrast for candidate dashboard

Browse Source
This commit is contained in:
jeremy bayse
2026-04-14 19:02:38 +02:00
parent 21d4aaee59
commit 351bdda2a1
4 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -14,9 +14,9 @@ const showingNavigationDropdown = ref(false);
<template>
<EnvironmentBanner />
<div>
<div class="min-h-screen bg-gray-100">
<div class="min-h-screen bg-slate-50 dark:bg-slate-950 transition-colors duration-300">
<nav
class="border-b border-gray-100 bg-white"
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"
>
<!-- Primary Navigation Menu -->
<div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
@@ -26,7 +26,7 @@ const showingNavigationDropdown = ref(false);
<div class="flex shrink-0 items-center">
<Link :href="route('dashboard')">
<ApplicationLogo
class="block h-9 w-auto fill-current text-gray-800"
class="block h-9 w-auto fill-indigo-600 dark:fill-indigo-400"
/>
</Link>
</div>
@@ -52,7 +52,7 @@ const showingNavigationDropdown = ref(false);
<span class="inline-flex rounded-md">
<button
type="button"
class="inline-flex items-center rounded-md border border-transparent bg-white px-3 py-2 text-sm font-medium leading-4 text-gray-500 transition duration-150 ease-in-out hover:text-gray-700 focus:outline-none"
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"
>
{{ $page.props.auth.user.name }}
@@ -183,7 +183,7 @@ const showingNavigationDropdown = ref(false);
<!-- Page Heading -->
<header
class="bg-white shadow"
class="bg-white dark:bg-slate-900 shadow-sm border-b border-slate-100 dark:border-slate-800"
v-if="$slots.header"
>
<div class="mx-auto max-w-7xl px-4 py-6 sm:px-6 lg:px-8">