2022-11-09 10:18:42 +01:00
|
|
|
<template>
|
2022-11-24 01:00:30 +01:00
|
|
|
<nav>
|
2023-01-09 16:55:45 +01:00
|
|
|
<NavHeader />
|
2022-11-19 13:20:15 +01:00
|
|
|
|
2022-11-24 01:00:30 +01:00
|
|
|
<!-- title -->
|
2023-01-09 16:55:45 +01:00
|
|
|
<div class="text-center">
|
|
|
|
<nuxt-link id="title" v-text="settings.title" to="/" />
|
|
|
|
<div
|
|
|
|
class="text-body-1 font-weight-light"
|
|
|
|
v-text="settings.description"
|
|
|
|
/>
|
2022-11-24 01:00:30 +01:00
|
|
|
</div>
|
2022-11-19 13:20:15 +01:00
|
|
|
|
2022-11-25 09:21:22 +01:00
|
|
|
<NavSearch />
|
2022-11-09 10:18:42 +01:00
|
|
|
|
2022-11-24 01:00:30 +01:00
|
|
|
<NavBar />
|
|
|
|
</nav>
|
2019-04-03 00:25:12 +02:00
|
|
|
</template>
|
|
|
|
<script>
|
2019-06-25 01:05:38 +02:00
|
|
|
import { mapState } from 'vuex'
|
2022-11-24 01:00:30 +01:00
|
|
|
import NavHeader from './NavHeader.vue'
|
|
|
|
import NavBar from './NavBar.vue'
|
|
|
|
import NavSearch from './NavSearch.vue'
|
2019-05-30 12:04:14 +02:00
|
|
|
|
2019-04-03 00:25:12 +02:00
|
|
|
export default {
|
2022-11-19 13:20:15 +01:00
|
|
|
name: 'Appbar',
|
2022-11-24 01:00:30 +01:00
|
|
|
components: { NavHeader, NavBar, NavSearch },
|
2023-01-09 16:55:45 +01:00
|
|
|
computed: mapState(['settings']),
|
2019-04-03 00:25:12 +02:00
|
|
|
}
|
|
|
|
</script>
|
2022-11-24 01:00:30 +01:00
|
|
|
<style>
|
|
|
|
nav {
|
2023-01-09 16:55:45 +01:00
|
|
|
background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(20, 20, 20, 0.7)),
|
|
|
|
url(/headerimage.png);
|
2022-11-24 01:00:30 +01:00
|
|
|
background-position: center center;
|
|
|
|
background-size: cover;
|
|
|
|
}
|
|
|
|
|
|
|
|
.theme--light nav {
|
2023-01-09 16:55:45 +01:00
|
|
|
background-image: linear-gradient(
|
|
|
|
to bottom,
|
|
|
|
rgba(230, 230, 230, 0.95),
|
|
|
|
rgba(250, 250, 250, 0.95)
|
|
|
|
),
|
|
|
|
url(/headerimage.png);
|
2022-11-24 01:00:30 +01:00
|
|
|
}
|
2022-11-24 17:27:15 +01:00
|
|
|
|
|
|
|
#title {
|
|
|
|
font-size: 2rem;
|
|
|
|
font-weight: 600;
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
2023-01-09 16:55:45 +01:00
|
|
|
</style>
|