MyFavMirrors/owntone-server
1
0
Fork 0
mirror of https://github.com/owntone/owntone-server.git synced 2025-10-29 07:45:04 -04:00
Code Issues Packages Projects Releases Wiki Activity

[web] Show menu icons on mobile

Browse Source
This commit is contained in:
Alain Nussbaumer 2025-08-26 19:55:54 +10:00
parent 3f0041100a
commit bb64df57ff
1 changed files with 17 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,14 +1,16 @@
<template>
<nav class="navbar is-fixed-top is-top">
<div class="navbar-brand is-flex-grow-1">
<control-link
v-for="menu in menus.filter((menu) => menu.show && !menu.sub)"
:key="menu.name"
:to="{ name: menu.name }"
class="navbar-item is-hidden-mobile"
>
<mdicon class="icon" :name="menu.icon" size="16" />
</control-link>
<div class="navbar-brand is-fullwidth">
<div class="is-flex is-clipped">
<control-link
v-for="menu in menus.filter((menu) => menu.show && !menu.sub)"
:key="menu.name"
:to="{ name: menu.name }"
class="navbar-item"
>
<mdicon class="icon" :name="menu.icon" size="16" />
</control-link>
</div>
<a class="navbar-item ml-auto" @click="uiStore.toggleBurgerMenu">
<mdicon
class="icon"
@ -142,3 +144,9 @@ export default {
}
}
</script>
<style scoped>
.is-fullwidth {
width: 100%;
}
</style>