Make background darker so tables are more clearly readable. Try some things with the header bar

2025-10-22 11:58:58 +02:00
parent c946dfe626
commit 25467be584
10 changed files with 76 additions and 44 deletions
@@ -17,7 +17,7 @@ withDefaults(defineProps<Props>(), {
 <template>
    <AppShell variant="sidebar">
        <AppSidebar />
-        <AppContent variant="sidebar" class="overflow-x-hidden">
+        <AppContent variant="sidebar" class="overflow-x-hidden bg-slate-200 dark:bg-neutral-900/40">
            <AppSidebarHeader :breadcrumbs="breadcrumbs" />
            <slot />
        </AppContent>
@@ -16,7 +16,7 @@ defineProps<{
 <template>
    <div
        class="relative grid h-dvh flex-col items-center justify-center px-8 sm:px-0 lg:max-w-none lg:grid-cols-2 lg:px-0 bg-yellow-950">
-        <div class="relative hidden h-full flex-col bg-muted p-20 lg:flex dark:border-r">
+        <div class="relative hidden h-full flex-col bg-muted p-20 lg:flex">

            <div class="absolute inset-0 bg-amber-500 foreground" />