Add hover: and active: styling
This commit is contained in:
@@ -36,8 +36,8 @@ export function FilterControl(
|
|||||||
className={cn(
|
className={cn(
|
||||||
"fixed bottom-17 right-2 px-1 py-1 rounded shadow-md",
|
"fixed bottom-17 right-2 px-1 py-1 rounded shadow-md",
|
||||||
isDirty
|
isDirty
|
||||||
? " text-slate-100 bg-green-600"
|
? " text-slate-100 bg-green-600 hover:bg-green-700 hover:text-slate-200 active:bg-green-800"
|
||||||
: "text-slate-600 bg-slate-100",
|
: "text-slate-600 bg-slate-100 hover:bg-slate-200 hover:text-slate-700 active:bg-slate-300",
|
||||||
)}
|
)}
|
||||||
aria-label="Filter"
|
aria-label="Filter"
|
||||||
>
|
>
|
||||||
@@ -126,7 +126,7 @@ export function FilterControl(
|
|||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
onClick={resetFilters}
|
onClick={resetFilters}
|
||||||
className="w-full py-1 bg-slate-600 text-white rounded text-sm"
|
className="w-full py-1 shadow-sm hover:shadow-md bg-slate-600 text-white rounded text-sm hover:text-slate-100 hover:bg-slate-700 active:bg-slate-800"
|
||||||
>
|
>
|
||||||
Reset Filters
|
Reset Filters
|
||||||
</button>
|
</button>
|
||||||
|
|||||||
Reference in New Issue
Block a user