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

fix: scroll body

Browse Source
This commit is contained in:
kmacoders 2021-07-07 11:52:08 +07:00
parent c14cc47153
commit d131d59d6e
1 changed files with 2 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
pages/blog/index.vue
View File

@ -1,5 +1,5 @@
<template>
<section class="blog-posts">
<section class="section">
<div class="container">
<div class="columns">
<div class="column is-10 is-offset-1">
@ -9,7 +9,7 @@
</div>
</div>
<div class="columns">
<div class="column is-10 is-offset-1">
<div class="column">
<Pagination
:total="allArticles.length"
:per-page="perPage"
@ -58,46 +58,3 @@ import ListBlog from '@/components/organisms/ListBlog.vue'
export default class PageBlog extends Vue {
}
</script>
<style>
.va {
display: flex;
align-items: center;
}
.blog-posts {
min-height: 100vh;
padding-top: 4rem;
padding-bottom: 10rem;
}
.blog-posts article {
padding: 1.5rem;
}
.blog-posts nav {
padding: 1.5rem;
}
.blog-posts .post img {
border-radius: 6px;
}
.blog-posts .post .post-category {
color: #3b7adf;
}
.blog-posts .post .post-title {
font-size: 2.2rem;
}
.blog-posts .post .post-excerpt {
line-height: 1.5rem;
letter-spacing: 0.03rem;
font-size: 1.2rem;
font-family: 'IBM Plex Serif', serif;
}
.blog-posts .post .featured .featured-image img {
height: 380px;
}
</style>