fix: header sticky uses bg-background (paper color), sort label hardcoded fallback, border-b added

This commit is contained in:
Antigravity
2026-05-07 22:47:57 +00:00
parent db899b0da2
commit 01390ebb5b

View File

@@ -361,7 +361,7 @@ export function HomeClient({ initialNotes, initialSettings }: HomeClientProps) {
<> <>
<div className={cn( <div className={cn(
'px-12 pt-12 pb-8 flex flex-col gap-6', 'px-12 pt-12 pb-8 flex flex-col gap-6',
isEditorialMode ? 'sticky top-0 bg-white/80 dark:bg-zinc-950/80 backdrop-blur-md z-30' : '' isEditorialMode ? 'sticky top-0 bg-background/90 backdrop-blur-md z-30 border-b border-foreground/5' : ''
)}> )}>
<div className="flex justify-between items-start"> <div className="flex justify-between items-start">
<h1 className="font-memento-serif text-4xl font-medium tracking-tight text-foreground leading-tight pr-12"> <h1 className="font-memento-serif text-4xl font-medium tracking-tight text-foreground leading-tight pr-12">
@@ -387,7 +387,9 @@ export function HomeClient({ initialNotes, initialSettings }: HomeClientProps) {
title={t('sidebar.sortOrder') || 'Sort order'} title={t('sidebar.sortOrder') || 'Sort order'}
> >
<ArrowUpDown size={14} /> <ArrowUpDown size={14} />
<span className="hidden sm:inline text-[11px] uppercase tracking-wider font-bold">{sortLabels[sortOrder]}</span> <span className="hidden sm:inline text-[11px] uppercase tracking-wider font-bold">
{sortOrder === 'newest' ? 'Plus récentes' : sortOrder === 'oldest' ? 'Plus anciennes' : 'A → Z'}
</span>
</button> </button>
<AnimatePresence> <AnimatePresence>
{showSortMenu && ( {showSortMenu && (