traxxx/assets/components/header/header.vue

31 lines
486 B
Vue

<template>
<header class="header">
<router-link
:to="{ name: 'home' }"
class="logo-link"
>
<h1 class="logo">traxxx</h1>
</router-link>
</header>
</template>
<style lang="scss" scoped>
@import 'theme';
.header {
color: $text-contrast;
background: $primary;
padding: .5rem 1rem;
}
.logo-link {
color: inherit;
text-decoration: none;
}
.logo {
display: inline-block;
margin: 0;
}
</style>