add some styling

This commit is contained in:
Philipp Kühn
2020-04-17 23:18:18 +02:00
parent 4f68026f7f
commit 7a17adcc84
43 changed files with 217 additions and 13 deletions

View File

@@ -2,20 +2,22 @@
<div class="app">
<header class="app__header">
<div class="app__inner">
<strong>
<g-link to="/">{{ $static.metadata.siteName }}</g-link>
</strong>
<g-link class="app__logo" to="/">
{{ $static.metadata.siteName }}
</g-link>
</div>
</header>
<div class="app__content">
<div class="app__inner">
<div class="app__content-inner">
<aside class="app__sidebar">
<div v-for="edge in $static.allPost.edges" :key="edge.node.id">
<g-link :to="edge.node.path">
{{ edge.node.title }}
</g-link>
</div>
<ul>
<li v-for="edge in $static.allPost.edges" :key="edge.node.id">
<g-link class="app__link" :to="edge.node.path">
{{ edge.node.title }}
</g-link>
</li>
</ul>
</aside>
<main class="app__main">
<slot/>
@@ -43,5 +45,6 @@ query {
}
</static-query>
<style lang="scss" src="./fonts.scss"></style>
<style lang="scss" src="./base.scss" />
<style lang="scss" src="./style.scss" scoped />