fix: improve amenity icon styling - larger icons, better spacing

This commit is contained in:
2026-07-01 21:18:02 -05:00
parent f7bb5ed752
commit b71f66a177
+5 -5
View File
@@ -484,19 +484,19 @@ export default function RoomsPage() {
style={{
display: 'inline-flex',
alignItems: 'center',
gap: '0.25rem',
padding: '0.3rem 0.5rem',
gap: '0.35rem',
padding: '0.35rem 0.6rem',
background: 'rgba(1,13,30,0.06)',
borderRadius: '999px',
fontSize: '11px',
fontSize: '12px',
color: navy,
whiteSpace: 'nowrap',
}}
>
{amenity.icon_svg ? (
<span
style={{ display: 'inline-flex', alignItems: 'center', justifyContent: 'center', width: '14px', height: '14px', color: navy }}
dangerouslySetInnerHTML={{ __html: amenity.icon_svg.replace(/width="[^"]*"/g, 'width="14"').replace(/height="[^"]*"/g, 'height="14"') }}
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"') }}
/>
) : null}
<span>{amenity.name}</span>