Nexos/cnt-sindikatua
3
1
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

fix heigh picture portada

Browse Source
This commit is contained in:
Gustavo
2026-03-16 10:09:41 +00:00
parent 98ac106e09
commit abfb6b8147
2 changed files with 29 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
style.css
View File

@@ -193,7 +193,8 @@ button[type="reset"] {
} }
/* PORTADA -> imagen noticia principal */ /* PORTADA -> imagen noticia principal */
.page-portada .recent-posts .img-noticias { .page-portada .recent-posts .img-noticias,
.page-portada .recent-posts .img-noticias-small {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover; object-fit: cover;
@@ -203,24 +204,50 @@ button[type="reset"] {
.page-portada .recent-posts .img-noticias { .page-portada .recent-posts .img-noticias {
max-height: 500px; max-height: 500px;
} }
.page-portada .recent-posts .img-noticias-small {
max-height: 250px;
}
} }
@media (min-width: 1201px) and (max-width: 1400px) { @media (min-width: 1201px) and (max-width: 1400px) {
.page-portada .recent-posts .img-noticias { .page-portada .recent-posts .img-noticias {
max-height: 400px; max-height: 400px;
} }
.page-portada .recent-posts .img-noticias-small {
max-height: 250px;
}
} }
@media (min-width: 992px) and (max-width: 1200px) { @media (min-width: 992px) and (max-width: 1200px) {
.page-portada .recent-posts .img-noticias { .page-portada .recent-posts .img-noticias {
max-height: 350px; max-height: 350px;
} }
.page-portada .recent-posts .img-noticias-small {
max-height: 200px;
}
} }
@media (min-width: 769px) and (max-width: 991px) { @media (min-width: 769px) and (max-width: 991px) {
.page-portada .recent-posts .img-noticias { .page-portada .recent-posts .img-noticias {
max-height: 250px; max-height: 250px;
} }
.page-portada .recent-posts .img-noticias-small {
max-height: 200px;
}
}
@media (width < 769px) {
.page-portada .recent-posts .img-noticias {
max-height: 300px;
}
.page-portada .recent-posts .img-noticias-small {
max-height: 300px;
}
} }
/* PORTADA -> CARDS OPINION */ /* PORTADA -> CARDS OPINION */

2
views/templates/page-portada.twig
View File

@@ -38,7 +38,7 @@
<a href="{{ article.link }}"> <a href="{{ article.link }}">
<img src="{{ imagen}}" <img src="{{ imagen}}"
alt="{{ alt }}" alt="{{ alt }}"
class="card-img img-noticias"/> class="card-img img-noticias-small"/>
<div class="card-img-overlay"> <div class="card-img-overlay">
<h3 class="card-title text-wrap"> <h3 class="card-title text-wrap">
<a href="{{ article.link }}">{{ article.title }}</a> <a href="{{ article.link }}">{{ article.title }}</a>