Commit 2fdd354e authored by Luzian Bieri's avatar Luzian Bieri
Browse files

Added Container-Layout

parent 48c16560
......@@ -7,22 +7,48 @@
align-items: center;
.event-title {
width: 100%;
padding: 1em .4em;
width: 75%;
padding: 1em .4em;
display: grid;
grid-gap: 0px;
grid-template-columns: 75% 25%;
grid-template-rows: 50% 25% 25%;
h2 {
title {
display: inline-block;
margin: 0;
padding: 0;
font-size: 1em;
font-size: 1.5em;
color: #004398;
grid-column: 1/2;
grid-row: 1;
}
price {
margin: .5em 1em 0 0;
font-size: .8em;
font-weight: 100;
color: rgb(107, 108, 119);
grid-column: 1;
grid-row: 2/3;
}
span {
weekday {
margin: .5em 1em 0 0;
font-size: 1.2em;
font-weight: 100;
color: rgb(107, 108, 119);
grid-column: 2;
grid-row: 2;
}
date {
margin: 0 1em 0 0;
font-size: .8em;
font-weight: 100;
color: rgb(107, 108, 119);
grid-column: 2;
grid-row: 3;
}
div {
......@@ -32,10 +58,12 @@
}
img {
width: 25%;
width: 25%;
padding-top: 25%;
position: relative;
}
}
.registration {
background-color: #fff;
}
......@@ -46,14 +74,5 @@
.past {
background-color: #bbb;
}
.weekday {
font-size: 2em;
}
.date {
width: 100%;
font-size: .8em;
text-align: right;
}
}
}
......@@ -204,11 +204,13 @@ export default class EventList extends FilteredListPage {
m(
'div',
{
class: 'list-title',
class: 'event-title ',
},
[
m('h2', event.getTitle()),
m('div', [m('span', price), m('span', [m('div.weekday', day), m('div.date', date)])]),
m('title', event.getTitle()),
m('price', price),
m('weekday', day),
m('date', date),
]
),
]
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment