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

Fix React CSS property conflict: use border instead of borderColor

Browse source 
- Replaced borderColor with full border property in dateButtonSelected
- Replaced borderColor with full border property in slotButtonSelected
- Prevents React warning about mixing shorthand and non-shorthand properties
- Fixes console error when clicking elements on booking page
This commit is contained in:
counterweight 2025-12-21 18:08:49 +01:00
parent 46c3c2073a
commit 38b5f2a0a7
Signed by: counterweight
GPG key ID: 883EDBAA726BD96C
1 changed files with 2 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
frontend/app/booking/page.tsx
View file

@ -90,7 +90,7 @@ const pageStyles: Record<string, React.CSSProperties> = {
}, },
dateButtonSelected: { dateButtonSelected: {
background: "rgba(167, 139, 250, 0.15)", background: "rgba(167, 139, 250, 0.15)",
borderColor: "#a78bfa", border: "1px solid #a78bfa",
}, },
dateWeekday: { dateWeekday: {
color: "#fff", color: "#fff",
@ -120,7 +120,7 @@ const pageStyles: Record<string, React.CSSProperties> = {
}, },
slotButtonSelected: { slotButtonSelected: {
background: "rgba(167, 139, 250, 0.15)", background: "rgba(167, 139, 250, 0.15)",
borderColor: "#a78bfa", border: "1px solid #a78bfa",
}, },
emptyState: { emptyState: {
fontFamily: "'DM Sans', system-ui, sans-serif", fontFamily: "'DM Sans', system-ui, sans-serif",