fix: improve amenity icon styling - larger icons, better spacing
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user