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

Revert "[S] Put title image on top"

Browse Source 
This reverts commit d6cdfde1f0.
This commit is contained in:
Hykilpikonna
2021-12-26 13:08:46 -05:00
parent d6cdfde1f0
commit 81e8bc4bcf
1 changed files with 3 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/BlogPostPreview.vue
+3 -5
View File
@@ -1,11 +1,11 @@
<template> <template>
<div id="BlogPostPreview" class="card"> <div id="BlogPostPreview" class="card">
<img :src="image" v-if="image" alt="Title Image">
<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> </div>
<img :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>
<div id="expand" v-if="meta.more_content">展开...</div> <div id="expand" v-if="meta.more_content">展开...</div>
</div> </div>
@@ -76,17 +76,15 @@ export default class BlogPostPreview extends Vue
color: $color-text-light color: $color-text-light
img img
$margin: 20px $margin: 10px
max-width: calc(100% + 2 * $margin) max-width: calc(100% + 2 * $margin)
min-width: calc(100% + 2 * $margin) min-width: calc(100% + 2 * $margin)
border-radius: 10px border-radius: 10px
margin-left: -$margin margin-left: -$margin
margin-right: -$margin margin-right: -$margin
margin-top: -15px
margin-bottom: 10px
#expand #expand
font-size: 0.8em font-size: 0.8em
padding-top: 10px padding-top: 10px
color: $color-text-light
</style> </style>