muken/la-huasca-ts
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
muken
2026-07-01 21:18:02 -05:00
parent f7bb5ed752
commit b71f66a177
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/rooms/page.tsx
+5 -5
View File
@@ -484,19 +484,19 @@ export default function RoomsPage() {
style={{ style={{
display: 'inline-flex', display: 'inline-flex',
alignItems: 'center', alignItems: 'center',
gap: '0.25rem', gap: '0.35rem',
padding: '0.3rem 0.5rem', padding: '0.35rem 0.6rem',
background: 'rgba(1,13,30,0.06)', background: 'rgba(1,13,30,0.06)',
borderRadius: '999px', borderRadius: '999px',
fontSize: '11px', fontSize: '12px',
color: navy, color: navy,
whiteSpace: 'nowrap', whiteSpace: 'nowrap',
}} }}
> >
{amenity.icon_svg ? ( {amenity.icon_svg ? (
<span <span
style={{ display: 'inline-flex', alignItems: 'center', justifyContent: 'center', width: '14px', height: '14px', color: navy }} style={{ display: 'inline-flex', alignItems: 'center', justifyContent: 'center', width: '16px', height: '16px' }}
dangerouslySetInnerHTML={{ __html: amenity.icon_svg.replace(/width="[^"]*"/g, 'width="14"').replace(/height="[^"]*"/g, 'height="14"') }} dangerouslySetInnerHTML={{ __html: amenity.icon_svg.replace(/width="[^"]*"/g, 'width="16"').replace(/height="[^"]*"/g, 'height="16"') }}
/> />
) : null} ) : null}
<span>{amenity.name}</span> <span>{amenity.name}</span>