Commit a4516ade authored by Stephan Plöhn's avatar Stephan Plöhn

[Template] Make footer responsive / slashes class

parent acd132d9
......@@ -34,4 +34,10 @@ a {
.uk-article-meta {
color: #666;
}
}
.slashes::before {
content: '//';
display: inline-block;
padding-right: 8px;
}
\ No newline at end of file
<template>
<footer class="page-footer uk-text-uppercase">
<span class="uk-text-bold">&copy; {{ copyright }}</span>
// <nuxt-link to="/impressum">Impressum</nuxt-link>
// <nuxt-link to="/datenschutz">Datenschutz</nuxt-link>
<nuxt-link to="/impressum" class="slashes">Impressum</nuxt-link>
<nuxt-link to="/datenschutz" class="slashes">Datenschutz</nuxt-link>
</footer>
</template>
......@@ -16,4 +16,17 @@ export default {
}
}
}
</script>
\ No newline at end of file
</script>
<style lang="scss" scoped>
.page-footer {
span, a {
display: block;
margin-top: 10px;
@media (min-width: 640px) {
display: inline-block;
}
}
}
</style>
\ No newline at end of file
<template>
<header class="page-header uk-text-bold uk-text-uppercase" data-uk-grid>
<div class="page-header_logo [email protected]">
<nuxt-link to="/">{{ title }}</nuxt-link> <span class="uk-text-normal">// Stephan Plöhn</span>
<nuxt-link to="/">{{ title }}</nuxt-link> <span class="uk-text-normal slashes">Stephan Plöhn</span>
</div>
<nav class="page-header_navigation [email protected]">
<ul>
......
......@@ -25,7 +25,7 @@
</article>
<div class="uk-text-uppercase uk-text-bold">
// <nuxt-link to="/posts">Zurück</nuxt-link>
<nuxt-link to="/posts" class="slashes">Zurück</nuxt-link>
</div>
</main>
</template>
......
......@@ -23,7 +23,7 @@
</div>
<div class="uk-text-uppercase uk-text-bold">
// <nuxt-link :to="{ path: 'posts/' + post.slug}" >Mehr</nuxt-link>
<nuxt-link :to="{ path: 'posts/' + post.slug}" class="slashes">Mehr</nuxt-link>
</div>
</div>
</article>
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment