diff --git a/src/app/pages/poi-list-page/poi-list-page.component.css b/src/app/pages/poi-list-page/poi-list-page.component.css index f1a1bec..2a73b67 100644 --- a/src/app/pages/poi-list-page/poi-list-page.component.css +++ b/src/app/pages/poi-list-page/poi-list-page.component.css @@ -1,9 +1,13 @@ .banner-background { height: 300px; /* o la altura que desees */ width: 100%; /* o el ancho que desees */ - background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(0, 70, 221, 0.5)), + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(0, 74, 234, 0.5)), url("/assets/img/background2.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; /* centra la imagen en el contenedor */ } + +.scroll { + overflow-x: auto; +} \ No newline at end of file diff --git a/src/app/pages/poi-list-page/poi-list-page.component.html b/src/app/pages/poi-list-page/poi-list-page.component.html index a43c56d..91abea5 100644 --- a/src/app/pages/poi-list-page/poi-list-page.component.html +++ b/src/app/pages/poi-list-page/poi-list-page.component.html @@ -11,15 +11,15 @@
* Lista de sitios dentro de un límite geográfico o cerca de una latitud/longitud específica.
- +* Lista de sitios dentro de un límite geográfico o cerca de una latitud/longitud específica.
- {{poi.ID}} + {{poi?.ID || '-'}} | - {{poi.StatusType.Title}} + {{poi?.StatusType?.Title || '-'}} | - {{poi.OperatorInfo.Title}} + {{poi?.OperatorInfo?.Title || '-'}} | - {{poi.Connections.length}} + {{poi?.Connections?.length || '-'}} |
- Latitud: {{poi.AddressInfo.Latitude}} + Latitud: {{poi?.AddressInfo?.Latitude || '-'}} - Longitud: {{poi.AddressInfo.Longitude}} + Longitud: {{poi?.AddressInfo?.Longitude || '-'}} |
- {{poi.AddressInfo.Country.Title}} + {{poi?.AddressInfo?.Country?.Title || '-'}} |