ramon
/
skillbox
1
0
Fork 0
Code Issues 1 Pull Requests 1 Packages Projects 1 Releases 1 Wiki Activity

Add static news entry on start page

This commit is contained in:
Ramon Wenger 2018-10-31 16:27:53 +01:00
parent bb5172bde5
commit 4deac16b5d
2 changed files with 12 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
client/src/components/NewsTeaser.vue
View File

@ -1,19 +1,18 @@
<template>
<div class="news-teaser">
<div class="news-teaser__image">
</div>
<a class="news-teaser" :href="url" target="_blank">
<img class="news-teaser__image" :src="imageUrl">
<div class="news-teaser__text teaser-text">
<h4 class="teaser__title small-emph">{{title}}</h4>
<div class="teaser__date">
<p>{{date}}</p>
</div>
</div>
</div>
</a>
</template>
<script>
export default {
props: ['title', 'date', 'imageUrl']
props: ['title', 'date', 'imageUrl', 'url']
}
</script>
@ -22,11 +21,16 @@
@import "@/styles/_functions.scss";
.news-teaser {
display: block;
@supports (display: grid) {
display: grid;
}
grid-template-columns: 1fr 2fr;
grid-column-gap: 10px;
&__image {
width: 100px;
}
}
.teaser {

15
client/src/pages/start.vue
View File

File diff suppressed because one or more lines are too long