Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-16 23:40:14 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

banner novo

Browse source
This commit is contained in:
RBL 2024-10-26 14:33:35 -03:00
parent 7032dbff53
commit 1e86ea1949
5 changed files with 12 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/app/public/home/banner/banner.component.html
View file

@ -1,23 +1,16 @@
<mdb-carousel [indicators]="true" [animation]="'fade'">
<mdb-carousel-item>
<img
src="https://assets-portal-cms.olx.com.br/1576x300_38126a593d.webp"
src="../../../../assets/images/Banner1animadogif.gif"
class="d-block w-100"
alt="..."
alt="Banner1"
/>
</mdb-carousel-item>
<mdb-carousel-item>
<img
src="https://assets-portal-cms.olx.com.br/1576x300_267d64821e.webp"
src="../../../../assets/images/Banner2.jpg"
class="d-block w-100"
alt="..."
/>
</mdb-carousel-item>
<mdb-carousel-item>
<img
src="https://assets-portal-cms.olx.com.br/1576x300_cc8d61d4ca.webp"
class="d-block w-100"
alt="..."
alt="Banner2"
/>
</mdb-carousel-item>
</mdb-carousel>

9
src/app/public/home/banner/banner.component.scss
View file

@ -15,6 +15,13 @@
}
}
mdb-carousel {
width: 100%; /* Largura total do carrossel */
height: 400px; /* Altura do carrossel */
}
mdb-carousel-item {
height: 320px;
width: 100%; /* A imagem ocupa toda a largura do carrossel */
height: 80%; /* A imagem ocupa toda a altura do carrossel */
object-fit: cover; /* A imagem será cortada para cobrir o espaço sem distorcer */
}