counterweight/arbret
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix React CSS property conflict in availability page

Browse source 
- Replaced borderColor with full border property in dayCardActive
- Replaced borderColor with full border property in dayCardSource
- Replaced borderColor with full border property in dayCardTarget
- Prevents React warning about mixing shorthand and non-shorthand properties
- Fixes console error when using 'Clear all' button on availability page
This commit is contained in:
counterweight 2025-12-21 18:23:31 +01:00
parent 74ed6f0c11
commit f81e7a88bd
Signed by: counterweight
GPG key ID: 883EDBAA726BD96C
2 changed files with 8 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

6
frontend/app/admin/availability/page.tsx
View file

@ -446,15 +446,15 @@ const pageStyles: Record<string, React.CSSProperties> = {
},
dayCardActive: {
background: "rgba(99, 102, 241, 0.1)",
borderColor: "rgba(99, 102, 241, 0.3)",
border: "1px solid rgba(99, 102, 241, 0.3)",
},
dayCardSource: {
background: "rgba(34, 197, 94, 0.15)",
borderColor: "rgba(34, 197, 94, 0.5)",
border: "1px solid rgba(34, 197, 94, 0.5)",
},
dayCardTarget: {
background: "rgba(99, 102, 241, 0.2)",
borderColor: "rgba(99, 102, 241, 0.6)",
border: "1px solid rgba(99, 102, 241, 0.6)",
},
dayCardWeekend: {
opacity: 0.7,