MyFavMirrors/owntone-server
1
0
Fork 0
mirror of https://github.com/owntone/owntone-server.git synced 2025-10-29 15:55:02 -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> <template>
<nav class="navbar is-fixed-top is-top"> <nav class="navbar is-fixed-top is-top">
<div class="navbar-brand is-flex-grow-1"> <div class="navbar-brand is-fullwidth">
<control-link <div class="is-flex is-clipped">
v-for="menu in menus.filter((menu) => menu.show && !menu.sub)" <control-link
:key="menu.name" v-for="menu in menus.filter((menu) => menu.show && !menu.sub)"
:to="{ name: menu.name }" :key="menu.name"
class="navbar-item is-hidden-mobile" :to="{ name: menu.name }"
> class="navbar-item"
<mdicon class="icon" :name="menu.icon" size="16" /> >
</control-link> <mdicon class="icon" :name="menu.icon" size="16" />
</control-link>
</div>
<a class="navbar-item ml-auto" @click="uiStore.toggleBurgerMenu"> <a class="navbar-item ml-auto" @click="uiStore.toggleBurgerMenu">
<mdicon <mdicon
class="icon" class="icon"
@ -142,3 +144,9 @@ export default {
} }
} }
</script> </script>
<style scoped>
.is-fullwidth {
width: 100%;
}
</style>