rohskiddo/UMBRA
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Fix hover glow using arbitrary Tailwind opacity values

Browse Source 
/8 is not in Tailwind's default opacity scale so the classes were
purged. Use /[0.08] arbitrary value syntax instead.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Kyle 2026-03-11 21:27:48 +08:00
parent 5af54de44b
commit 28e1673f05
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/components/dashboard/UpcomingWidget.tsx
View File

@ -27,9 +27,9 @@ interface UpcomingWidgetProps {
} }
const typeConfig: Record<string, { hoverGlow: string; pillBg: string; pillText: string; label: string }> = { const typeConfig: Record<string, { hoverGlow: string; pillBg: string; pillText: string; label: string }> = {
todo: { hoverGlow: 'hover:bg-blue-500/8', pillBg: 'bg-blue-500/15', pillText: 'text-blue-400', label: 'TODO' }, todo: { hoverGlow: 'hover:bg-blue-500/[0.08]', pillBg: 'bg-blue-500/15', pillText: 'text-blue-400', label: 'TODO' },
event: { hoverGlow: 'hover:bg-purple-500/8', pillBg: 'bg-purple-500/15', pillText: 'text-purple-400', label: 'EVENT' }, event: { hoverGlow: 'hover:bg-purple-500/[0.08]', pillBg: 'bg-purple-500/15', pillText: 'text-purple-400', label: 'EVENT' },
reminder: { hoverGlow: 'hover:bg-orange-500/8', pillBg: 'bg-orange-500/15', pillText: 'text-orange-400', label: 'REMINDER' }, reminder: { hoverGlow: 'hover:bg-orange-500/[0.08]', pillBg: 'bg-orange-500/15', pillText: 'text-orange-400', label: 'REMINDER' },
}; };
function getMinutesUntilTomorrowMorning(): number { function getMinutesUntilTomorrowMorning(): number {