diff --git a/components/Stars.tsx b/components/Stars.tsx index 0d20f7f..0b35edb 100644 --- a/components/Stars.tsx +++ b/components/Stars.tsx @@ -9,17 +9,15 @@ export type StarsProps = { } const Star = ({ index, selected }: { index?: string; selected?: boolean }) => { - const fill = selected ? 'rgba(255, 214, 0, 0.8)' : 'rgba(30, 30, 30, 0.3)' - return ( - + ) } diff --git a/styles/Stars.module.css b/styles/Stars.module.css index 63ceb6c..7231551 100644 --- a/styles/Stars.module.css +++ b/styles/Stars.module.css @@ -7,11 +7,15 @@ width: 45px; overflow: unset; margin-right: 15px; + color: gray; } -.star:hover path { +.star:hover { cursor: pointer; - fill: #ffd600; - opacity: 0.8; + color: #a98d00; +} + +.selected { + color: #ddb802; } .input:focus + label path {