hide searchbar when not in home
This commit is contained in:
parent
9ad0277d11
commit
e37f7cd9d1
1 changed files with 13 additions and 2 deletions
|
@ -5,11 +5,11 @@
|
||||||
|
|
||||||
<!-- title -->
|
<!-- title -->
|
||||||
<div class='text-center'>
|
<div class='text-center'>
|
||||||
<nuxt-link class='text-h3 text-decoration-none' 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 :class='{ hide: $route.name !== "index" }'/>
|
||||||
|
|
||||||
<NavBar />
|
<NavBar />
|
||||||
|
|
||||||
|
@ -40,4 +40,15 @@ nav {
|
||||||
.theme--light nav {
|
.theme--light nav {
|
||||||
background-image: linear-gradient(to bottom, rgba(255,230,230,.95), rgba(250,250,250,.95)), url(/headerimage.png);
|
background-image: linear-gradient(to bottom, rgba(255,230,230,.95), rgba(250,250,250,.95)), url(/headerimage.png);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#title {
|
||||||
|
font-size: 2rem;
|
||||||
|
font-weight: 600;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hide {
|
||||||
|
max-height: 0px !important;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
Loading…
Reference in a new issue