kohvip/eHandyTech
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: wip blog detail

Browse Source
This commit is contained in:
kmacoders 2021-07-10 00:06:07 +07:00
parent 5822dcc59a
commit 0fd771cc00
2 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
components/templates/TheHeader.vue
View File

@ -1,7 +1,8 @@
<template> <template>
<b-navbar <b-navbar
fixed-top fixed-top
shadow transparent
spaced
> >
<template #brand> <template #brand>
<b-navbar-item tag="nuxt-link" :to="{ path: '/' }"> <b-navbar-item tag="nuxt-link" :to="{ path: '/' }">

13
pages/blog/_slug.vue
View File

@ -1,15 +1,18 @@
<template> <template>
<div class="blog-detail container is-max-desktop content"> <div class="blog-detail container is-max-desktop content">
<section class="section blog-detail__featured-img"> <section class="blog-detail__featured-img" style="margin-top: 2rem;">
<img :src="blogDetail.image"> <img :src="blogDetail.image">
</section> </section>
<section class="section blog-detail__info"> <section class="section blog-detail__info">
<h1 class="title is-2"> <h1 class="title is-1 has-text-primary">
{{ blogDetail.title }} {{ blogDetail.title }}
</h1> </h1>
<div>
{{ blogDetail.description }}
</div>
<div> <div>
<span>{{ blogDetail.author }}</span> <span>{{ blogDetail.author }}</span>
</span>{{ blogDetail.published }}</span> <span>{{ blogDetail.published }}</span>
</div> </div>
<hr> <hr>
</section> </section>
@ -117,5 +120,9 @@ export default class BlogDetail extends Vue {}
section:not(:first-child) { section:not(:first-child) {
padding-top: 1rem; padding-top: 1rem;
} }
[aria-hidden="true"] {
display: none;
}
} }
</style> </style>