MyFavMirrors/owntone-server
1
0
Fork 0
mirror of https://github.com/owntone/owntone-server.git synced 2024-12-27 15:45:56 -05:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
web-src/src/mystyles.scss
View File

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

2
web-src/src/pages/PageNowPlaying.vue
View File

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

2
web-src/src/templates/ContentWithHeading.vue
View File

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