NoLog.cz/gancio
6
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity

minor

Browse source
This commit is contained in:
lesion 2023-01-09 16:55:45 +01:00
parent f5aedc19fa
commit 2752c8ab07
No known key found for this signature in database
GPG key ID: 352918250B012177
1 changed files with 17 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
components/Appbar.vue
View file

@ -1,22 +1,20 @@
<template> <template>
<nav> <nav>
<NavHeader />
<NavHeader/>
<!-- title --> <!-- title -->
<div class='text-center'> <div class="text-center">
<nuxt-link id='title' v-text='settings.title' to='/' /> <nuxt-link id="title" v-text="settings.title" to="/" />
<div class='text-body-1 font-weight-light' v-text='settings.description' /> <div
class="text-body-1 font-weight-light"
v-text="settings.description"
/>
</div> </div>
<NavSearch /> <NavSearch />
<NavBar /> <NavBar />
</nav> </nav>
</template> </template>
<script> <script>
import { mapState } from 'vuex' import { mapState } from 'vuex'
@ -27,18 +25,24 @@ import NavSearch from './NavSearch.vue'
export default { export default {
name: 'Appbar', name: 'Appbar',
components: { NavHeader, NavBar, NavSearch }, components: { NavHeader, NavBar, NavSearch },
computed: mapState(['settings']) computed: mapState(['settings']),
} }
</script> </script>
<style> <style>
nav { nav {
background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(20, 20, 20, 0.7)), url(/headerimage.png); background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(20, 20, 20, 0.7)),
url(/headerimage.png);
background-position: center center; background-position: center center;
background-size: cover; background-size: cover;
} }
.theme--light nav { .theme--light nav {
background-image: linear-gradient(to bottom, rgba(230,230,230,.95), rgba(250,250,250,.95)), url(/headerimage.png); background-image: linear-gradient(
to bottom,
rgba(230, 230, 230, 0.95),
rgba(250, 250, 250, 0.95)
),
url(/headerimage.png);
} }
#title { #title {
@ -46,5 +50,4 @@ nav {
font-weight: 600; font-weight: 600;
text-decoration: none; text-decoration: none;
} }
</style> </style>