chrisp/brackt
1
1
Fork 0
Code Issues 42 Pull requests Projects Releases Packages Wiki Activity Actions

Fix queue/picks item background and top-align pick number badge
Some checks failed
🚀 Deploy / 🧪 Test (pull_request) Successful in 1m37s
Details
🚀 Deploy / ʦ TypeScript (pull_request) Failing after 1m13s
Details
🚀 Deploy / 🔍 Lint (pull_request) Successful in 47s
Details
🚀 Deploy / 🐳 Build (pull_request) Has been skipped
Details
🚀 Deploy / 🚀 Deploy (pull_request) Has been skipped
Details

Browse source 
bg-card and bg-muted resolve to the same hex value, so swap to
bg-white/[0.06] for a visible lift against the sidebar background.
Also top-aligns the pick number badge in recent picks items.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Chris Parsons 2026-05-21 21:06:31 -07:00
parent 172302cad6
commit f3c1ad52ec
2 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/components/draft/QueueSection.tsx
View file

@ -77,7 +77,7 @@ const SortableQueueItem = memo(function SortableQueueItem({
style={style}
{...attributes}
className={`p-2 rounded-lg ${
canPick ? "bg-electric/10 border border-electric/40" : "bg-card"
canPick ? "bg-electric/10 border border-electric/40" : "bg-white/[0.06]"
}`}
>
<div className="flex items-center gap-2">

4
app/components/draft/SidebarRecentPicks.tsx
View file

@ -33,9 +33,9 @@ export const SidebarRecentPicks = memo(function SidebarRecentPicks({ picks }: Si
.map((pick) => (
<div
key={pick.id}
className="flex items-center justify-between p-2 bg-card rounded-lg text-sm"
className="flex items-center justify-between p-2 bg-white/[0.06] rounded-lg text-sm"
>
<div className="flex items-center gap-2 min-w-0 flex-1">
<div className="flex items-start gap-2 min-w-0 flex-1">
<Badge variant="outline" className="text-xs flex-shrink-0">
#{pick.pickNumber}
</Badge>