snipette/snipette-gridsome
snipette/snipette-gridsome
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Style scissors separator

Browse source
This commit is contained in:
Badri Sunderarajan 2020-03-15 15:27:30 +05:30
parent abdaff4a7f
commit 2d641f3008
1 changed files with 17 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/templates/GhostPost.vue
View file

@ -52,6 +52,22 @@
</Layout> </Layout>
</template> </template>
<style type="text/css">
.post-full-content hr {
border: 0;
height: 3rem;
display: block;
background-image: url(https://media.snipettemag.com/manual-uploads/snip-grey-small.png);
background-size: contain;
background-repeat: no-repeat;
background-position: 50%;
}
.post-full-content hr::after {
display: none;
}
</style>
<script> <script>
import Admin from "../../data/admin.yml"; import Admin from "../../data/admin.yml";
import Navbar from "../components/Navbar"; import Navbar from "../components/Navbar";
@ -119,6 +135,7 @@ export default {
} }
}; };
</script> </script>
<page-query> <page-query>
query Post ($path: String!) { query Post ($path: String!) {
post: ghostPost (path: $path) { post: ghostPost (path: $path) {