Fix: brighter red/orange due date bg in dark mode, remove status select background
This commit is contained in:
parent
ae66f931f7
commit
5ed6605460
1 changed files with 4 additions and 4 deletions
|
|
@ -229,11 +229,11 @@ function TaskCard({ task: initial }: { task: Task }) {
|
||||||
const dueBg = isCompleted
|
const dueBg = isCompleted
|
||||||
? 'bg-muted/50'
|
? 'bg-muted/50'
|
||||||
: daysUntilDue < 0
|
: daysUntilDue < 0
|
||||||
? 'bg-red-500/15'
|
? 'bg-red-600/25 dark:bg-red-500/30'
|
||||||
: daysUntilDue <= 7
|
: daysUntilDue <= 7
|
||||||
? 'bg-red-500/10'
|
? 'bg-red-500/20 dark:bg-red-500/25'
|
||||||
: daysUntilDue <= 14
|
: daysUntilDue <= 14
|
||||||
? 'bg-orange-500/10'
|
? 'bg-orange-500/20 dark:bg-orange-400/25'
|
||||||
: 'bg-muted/40'
|
: 'bg-muted/40'
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|
@ -290,7 +290,7 @@ function TaskCard({ task: initial }: { task: Task }) {
|
||||||
{/* Row 2: Status | N/A */}
|
{/* Row 2: Status | N/A */}
|
||||||
<div className="px-3 py-1.5 border-b border-border flex items-center">
|
<div className="px-3 py-1.5 border-b border-border flex items-center">
|
||||||
<Select value={task.status} onValueChange={handleQuickStatus} disabled={statusUpdating}>
|
<Select value={task.status} onValueChange={handleQuickStatus} disabled={statusUpdating}>
|
||||||
<SelectTrigger className="h-auto border-0 p-0 shadow-none text-xs font-medium hover:underline focus:ring-0 w-auto gap-1">
|
<SelectTrigger className="h-auto !border-0 p-0 !shadow-none !bg-transparent dark:!bg-transparent text-xs font-medium hover:underline focus:ring-0 focus-visible:ring-0 w-auto gap-1 rounded-none">
|
||||||
<SelectValue />
|
<SelectValue />
|
||||||
</SelectTrigger>
|
</SelectTrigger>
|
||||||
<SelectContent>
|
<SelectContent>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue