MyFavMirrors/owntone-server
1
0
Fork 0
mirror of https://github.com/owntone/owntone-server.git synced 2025-04-16 09:08:04 -04:00
Code Issues Packages Projects Releases Wiki Activity

[web] Fix top navigation bar on small screens

Browse Source
This commit is contained in:
Alain Nussbaumer 2024-09-10 21:46:50 +02:00
parent 3127da51b1
commit 87ec17c243
2 changed files with 5 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web-src/src/components/NavbarBottom.vue
View File

@ -45,7 +45,7 @@
class="dropdown is-up is-right" class="dropdown is-up is-right"
:class="{ 'is-active': uiStore.show_player_menu }" :class="{ 'is-active': uiStore.show_player_menu }"
> >
<div class="dropdown-menu" role="menu"> <div class="dropdown-menu">
<div class="dropdown-content"> <div class="dropdown-content">
<div class="dropdown-item"> <div class="dropdown-item">
<control-main-volume /> <control-main-volume />

14
web-src/src/components/NavbarTop.vue
View File

@ -1,11 +1,6 @@
<template> <template>
<nav <nav class="navbar is-light is-fixed-top" :style="zindex">
class="navbar is-light is-fixed-top" <div class="navbar-brand is-flex-grow-1">
:style="zindex"
role="navigation"
aria-label="main navigation"
>
<div class="navbar-brand">
<control-link <control-link
v-if="settingsStore.show_menu_item_playlists" v-if="settingsStore.show_menu_item_playlists"
class="navbar-item" class="navbar-item"
@ -55,10 +50,8 @@
> >
<mdicon class="icon" name="magnify" size="16" /> <mdicon class="icon" name="magnify" size="16" />
</control-link> </control-link>
</div>
<div class="navbar-end">
<a <a
class="navbar-item" class="navbar-item ml-auto"
@click="uiStore.show_burger_menu = !uiStore.show_burger_menu" @click="uiStore.show_burger_menu = !uiStore.show_burger_menu"
> >
<mdicon <mdicon
@ -152,6 +145,7 @@
</div> </div>
</div> </div>
</div> </div>
<div <div
v-show="show_settings_menu" v-show="show_settings_menu"
class="is-overlay" class="is-overlay"