NoLog.cz/gancio-upstream
6
0
Fork 0
mirror of https://framagit.org/les/gancio.git synced 2025-02-01 00:52:01 +01:00
Code Issues Projects Releases Packages Wiki Activity

lazy event image

Browse source
This commit is contained in:
les 2020-01-15 23:19:21 +01:00
parent e8acba60c3
commit 1894993cb7
1 changed files with 5 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
components/Event.vue
View file

@ -2,7 +2,7 @@
nuxt-link.event(:to='`/event/${link}`' :class='{ withImg: event.image_path }') nuxt-link.event(:to='`/event/${link}`' :class='{ withImg: event.image_path }')
//- image //- image
img(v-if='showImage && event.image_path' :src='`/media/thumb/${event.image_path}`') el-image(v-if='showImage && event.image_path' lazy :src='`/media/thumb/${event.image_path}`')
.event-info .event-info
.content-info .content-info
@ -20,7 +20,7 @@
li(v-if='settings.enable_federation && event.resources && event.resources.length') <u>{{$tc('common.n_resources', event.resources.length)}}</u> li(v-if='settings.enable_federation && event.resources && event.resources.length') <u>{{$tc('common.n_resources', event.resources.length)}}</u>
</template> </template>
<script> <script>
import { mapState, mapActions } from 'vuex' import { mapState } from 'vuex'
export default { export default {
props: { props: {
@ -49,7 +49,6 @@ export default {
} }
</script> </script>
<style lang='less'> <style lang='less'>
@import '../assets/style.less';
@media only screen and (min-width: 574px) { @media only screen and (min-width: 574px) {
.event { .event {
@ -87,10 +86,10 @@ export default {
padding: 0.8em 1em; padding: 0.8em 1em;
h2 { h2 {
color: @success; color: rgb(174, 255, 174);
font-size: 16px; font-size: 16px;
font-size: 1.2rem; font-size: 1.1rem;
font-weight: 400; font-weight: 600;
margin: 0px; margin: 0px;
} }