[web] Fix for full height not taking into account both navigation bars

This commit is contained in:
Alain Nussbaumer 2023-11-29 11:38:39 +01:00
parent 9f9420f713
commit 4332a43fb9
3 changed files with 3 additions and 4 deletions

View File

@ -76,8 +76,7 @@ a.navbar-item {
margin-top: $navbar-height !important;
}
/* Set minimum height to hide "option" section */
.fd-content-with-option {
.is-full-height {
min-height: calc(100vh - calc(2 * $navbar-height));
}

View File

@ -1,5 +1,5 @@
<template>
<div class="hero is-fullheight">
<div class="hero is-full-height">
<div v-if="track.id > 0" class="hero-body">
<div class="container has-text-centered" style="max-width: 500px">
<cover-artwork

View File

@ -12,7 +12,7 @@
/></router-link>
</nav>
</section>
<div :class="{ 'fd-content-with-option': $slots.options }">
<div :class="{ 'is-full-height': $slots.options }">
<nav id="top" class="level is-clipped">
<!-- Left side -->
<div class="level-left is-flex-shrink-1">