style on my event list title

This commit is contained in:
tykayn 2020-12-06 11:07:41 +01:00 committed by Baptiste Lemoine
parent 12e327552d
commit 529b7d48de
4 changed files with 23 additions and 11 deletions

View File

@ -209,9 +209,7 @@ a.list-item {
} }
} }
.date-component {
background-color: $chapril_blue_light !important;
}
.time.datetime-container{ .time.datetime-container{
color: $white; color: $white;

View File

@ -43,13 +43,12 @@ export default class DateCalendarIcon extends Vue {
<style lang="scss" scoped> <style lang="scss" scoped>
time.datetime-container { time.datetime-container {
background: $backgrounds; background: $chapril_blue_light;
border: 1px solid $borders; border: 1px solid $borders;
border-radius: 8px; border-radius: 8px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
/*height: 50px;*/
width: 50px; width: 50px;
padding: 8px; padding: 8px;
text-align: center; text-align: center;

View File

@ -3,12 +3,20 @@
<div class="columns"> <div class="columns">
<div class="content column"> <div class="content column">
<div class="title-wrapper"> <div class="title-wrapper">
<div class="date-component"> <div class="columns">
<date-calendar-icon :date="participation.event.beginsOn" /> <div class="column is-narrow">
<div class="date-component">
<date-calendar-icon :date="participation.event.beginsOn" />
</div>
</div>
<div class="column">
<router-link
:to="{ name: RouteName.EVENT, params: { uuid: participation.event.uuid } }"
>
<h3 class="title event-title-card">{{ participation.event.title }}</h3>
</router-link>
</div>
</div> </div>
<router-link :to="{ name: RouteName.EVENT, params: { uuid: participation.event.uuid } }">
<h3 class="title">{{ participation.event.title }}</h3>
</router-link>
</div> </div>
<div class="participation-actor has-text-grey"> <div class="participation-actor has-text-grey">
<span> <span>
@ -377,4 +385,11 @@ article.box {
} }
} }
} }
.content h3.event-title-card {
line-height: 1em;
margin-top: 0.5em;
}
.participation-actor{
margin-top: 1em;
}
</style> </style>

View File

@ -1,6 +1,6 @@
<template> <template>
<div class="section container"> <div class="section container">
<h1 class="title">{{ $t("Explore") }} IN DEV MODE</h1> <h1 class="title">{{ $t("Explore") }}</h1>
<section v-if="tag"> <section v-if="tag">
<i18n path="Events tagged with {tag}"> <i18n path="Events tagged with {tag}">
<b-tag slot="tag" type="is-light">{{ $t("#{tag}", { tag }) }}</b-tag> <b-tag slot="tag" type="is-light">{{ $t("#{tag}", { tag }) }}</b-tag>