stbuehler/churchtools-next-events
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix css grid on mobile

Browse Source
This commit is contained in:
Stefan Bühler 2025-01-04 00:08:42 +01:00
parent e2c371265d
commit 2ee91c9686
1 changed files with 4 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
css/ct-events.css
View File

@ -18,9 +18,7 @@
}
.cte-events /* .cte-event */ .cte-summary {
display: grid;
gap: 1.5rem;
padding-right: 1.5rem;
grid-template-columns: 1fr 4fr;
grid-template-columns: 20% 80%;
grid-template-rows: auto;
grid-template-areas: "image info";
@ -36,18 +34,17 @@
overflow: hidden;
}
.cte-events /* .cte-event .cte-summary */ .cte-image {
grid-area: image
width: 100%;
grid-area: image;
}
.cte-events /* .cte-event .cte-summary */ .cte-image img {
width: 100%;
/* height: 100%; */
object-fit: cover;
vertical-align: middle;
border-style: none;
}
.cte-events /* .cte-event .cte-summary */ .cte-info {
grid-area: info
grid-area: info;
padding: 0 1.5rem;
}
.cte-events /* .cte-event .cte-summary .cte-info */ .cte-info-header {
color: var(--cte-header-color);