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 ? (
|
{amenity.icon_svg ? (
|
||||||
<span
|
<span
|
||||||
style={{ display: 'inline-flex', alignItems: 'center', justifyContent: 'center', width: '16px', height: '16px' }}
|
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}
|
) : null}
|
||||||
<span>{amenity.name}</span>
|
<span>{amenity.name}</span>
|
||||||
|
|||||||
Reference in New Issue
Block a user