azalea/corner
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[+] Add imageOnTop and tagOnTop props

Browse Source
This commit is contained in:
Hykilpikonna
2021-12-26 16:45:51 -05:00
parent d75c6e34b8
commit a170724f32
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/BlogPostPreview.vue
+3 -1
View File
@@ -1,9 +1,9 @@
<template> <template>
<div id="BlogPostPreview" class="card">
<div id="date">{{meta.date}}</div> <div id="date">{{meta.date}}</div>
<div id="titles"> <div id="titles">
<div id="title">{{meta.title}}</div> <div id="title">{{meta.title}}</div>
<div id="subtitle" v-if="meta.subtitle">{{meta.subtitle}}</div> <div id="subtitle" v-if="meta.subtitle">{{meta.subtitle}}</div>
<div id="BlogPostPreview" class="card" :class="{'image-top': imageOnTop, 'tag-top': tagOnTop}">
</div> </div>
<img id="title-image" :src="image" v-if="image" alt="Title Image"> <img id="title-image" :src="image" v-if="image" alt="Title Image">
<div id="preview" class="markdown-content" v-html="preview"></div> <div id="preview" class="markdown-content" v-html="preview"></div>
@@ -39,6 +39,8 @@ export interface BlogPostMeta
export default class BlogPostPreview extends Vue export default class BlogPostPreview extends Vue
{ {
@Prop({required: true}) meta!: BlogPostMeta @Prop({required: true}) meta!: BlogPostMeta
@Prop({default: true}) imageOnTop!: boolean
@Prop({default: true}) tagOnTop!: boolean
created(): void created(): void
{ {