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> <template>
<div class="edit-link mt-3"> <a v-bind:href="githubUrl" target="_blank">Edit this page on Github</a>
<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>
</template> </template>
<script> <script>

View file

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

View file

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