edb/neuf-www
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

more calendar stylings

Browse Source
This commit is contained in:
elisejakob
2024-05-12 23:05:27 +02:00
parent e9a2acd9e7
commit 0f16893cf9
5 changed files with 56 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
web/src/components/events/eventContainer.module.scss
View File

@ -3,6 +3,7 @@
}
.eventList {
padding: var(--spacing-sitepadding);
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: var(--spacing-gap-column);
@ -12,9 +13,9 @@
.displayOptions {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-columns: repeat(3, 1fr);
gap: var(--spacing-gap-column);
margin-bottom: var(--spacing-sitepadding);
padding: 0 var(--spacing-sitepadding);
button {
border-radius: 0;
@ -30,7 +31,7 @@
font-size: var(--font-size-h1);
padding: 1rem var(--spacing-sitepadding);
background: var(--color-deepBrick);
color: var(--color-goldenOrange);
color: var(--color-neufPink);
position: sticky;
&:first-letter {
@ -82,4 +83,31 @@
text-transform: capitalize;
}
}
}
@media (max-width: 1200px) {
.calendarWeek {
grid-template-columns: 1fr;
}
.calendarDay {
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: var(--spacing-gap-column);
min-height: 0;
padding: calc(var(--spacing-gap-column)/2) var(--spacing-sitepadding);
&.empty {
display: none;
}
h3 {
grid-column: 1 / -1;
}
&:first-child,
&:last-child {
padding: calc(var(--spacing-gap-column)/2) var(--spacing-sitepadding);
}
}
}