Integrated "page edit" and "sitemap" links with footer

This commit is contained in:
ポール ウェッブ 2018-05-08 13:54:56 -05:00
parent fbc75c0a6c
commit bd075f5818
3 changed files with 9 additions and 14 deletions

View file

@ -1,8 +1,5 @@
<template>
<div class="edit-link mt-3">
<v-divider></v-divider>
<p class="mt-2"><a v-bind:href="githubUrl" target="_blank" class="grey--text text--darken-1">Edit this page on Github</a></p>
</div>
<a v-bind:href="githubUrl" target="_blank">Edit this page on Github</a>
</template>
<script>
@ -34,4 +31,4 @@ export default {
}
}
}
</script>
</script>

View file

@ -1,6 +1,6 @@
.footer {
background-color: $black;
color: $white;
color: rgba($white, 0.3);
font-size: 1rem;
padding-top: 2rem;
padding-bottom: 2rem;
@ -21,7 +21,6 @@
&:last-of-type {
cursor: default;
opacity: 0.3;
}
}
}
@ -30,7 +29,7 @@
transition: color 0.2s;
&:not(:hover) {
color: inherit;
color: $white;
}
&:hover {

View file

@ -101,9 +101,6 @@
</ul>
</div>
</section>
<edit-link :path="this.$page.path"></edit-link>
<router-link to="/sitemap.html">Sitemap</router-link>
</template>
<template v-else-if="$page.path == '/whitepaper.html'">
@ -115,8 +112,6 @@
<div class="inner-wrap">
{{ $page.title }}
<Content custom></Content>
<edit-link :path="this.$page.path"></edit-link>
<router-link to="/sitemap.html">Sitemap</router-link>
</div>
</section>
</template>
@ -124,13 +119,17 @@
<footer class="footer">
<div class="inner-wrap">
<ul>
<li><a href=""> LBRY.io</a></li>
<li>
<a href=""> LBRY.io</a> |
<edit-link :path="this.$page.path"></edit-link>
</li>
<li><a href="">Get</a></li>
<li><a href="">Learn</a></li>
<li><a href="">News</a></li>
<li><a href="">Chat</a></li>
<li><a href="">GitHub</a></li>
<li><a href="/sitemap.html">Sitemap</a></li>
<li>MIT Licensed</li>
</ul>