refactor: replace inline banner with dynamic component grid and update CSS layouts

This commit is contained in:
2026-07-17 15:30:44 +07:00
parent fd4ad87a32
commit 49b8d2b2ea
9 changed files with 668 additions and 185 deletions
@@ -304,7 +304,7 @@
height: 100%;
display: flex;
}
.featured-grid__item .news-card--featured {
/* .featured-grid__item .news-card--featured {
display: flex;
flex-direction: column;
align-items: flex-start;
@@ -317,7 +317,7 @@
gap: 16px;
background: #fff;
margin-bottom: 0 !important;
}
} */
.featured-grid__item .news-card__image {
flex: none;
width: 100%;
@@ -398,7 +398,7 @@
height: 100%;
display: flex;
}
.featured-grid__item .news-card--featured {
/* .featured-grid__item .news-card--featured {
display: flex;
flex-direction: row;
align-items: flex-start;
@@ -411,11 +411,11 @@
gap: 16px;
background: #fff;
margin-bottom: 0 !important;
}
} */
.featured-grid__item .news-card__image {
flex: 0 0 170px;
width: 100%;
height: 170px;
height: auto;
margin-bottom: 0 !important;
}
.featured-grid__item .news-card__image > div {