add source code link to examples

This commit is contained in:
Philipp Kühn
2018-08-22 18:23:31 +02:00
parent 2d527aedb5
commit db6aa4a3f9
3 changed files with 45 additions and 1 deletions

View File

@@ -4,15 +4,25 @@
<div class="page__content">
<router-view />
</div>
<div class="page__footer">
<a class="page__source-link" :href="$route.meta.githubUrl" target="_blank">
<icon name="code" />
<span>
Show Code
</span>
</a>
</div>
</div>
</template>
<script>
import Navigation from 'Components/Navigation'
import Icon from 'Components/Icon'
export default {
components: {
Navigation,
Icon,
},
}
</script>

View File

@@ -4,7 +4,23 @@
&__content {
padding: 4rem 1rem;
}
}
&__footer {
text-align: center;
}
&__source-link {
display: inline-block;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
font-size: 0.8rem;
background-color: rgba($color-black, 0.1);
color: $color-black;
border-radius: 5px;
padding: 0.2rem 0.5rem;
}
}