fix: apply navy color to amenity SVG icons via stroke attribute
This commit is contained in:
@@ -496,7 +496,11 @@ export default function RoomsPage() {
|
||||
{amenity.icon_svg ? (
|
||||
<span
|
||||
style={{ display: 'inline-flex', alignItems: 'center', justifyContent: 'center', width: '16px', height: '16px' }}
|
||||
dangerouslySetInnerHTML={{ __html: amenity.icon_svg.replace(/width="[^"]*"/g, 'width="16"').replace(/height="[^"]*"/g, 'height="16"') }}
|
||||
dangerouslySetInnerHTML={{ __html: amenity.icon_svg
|
||||
.replace(/width="[^"]*"/g, 'width="16"')
|
||||
.replace(/height="[^"]*"/g, 'height="16"')
|
||||
.replace(/stroke="currentColor"/g, `stroke="${navy}"`)
|
||||
}}
|
||||
/>
|
||||
) : null}
|
||||
<span>{amenity.name}</span>
|
||||
|
||||
Reference in New Issue
Block a user