MyFavMirrors/owntone-server
1
0
Fork 0
mirror of https://github.com/owntone/owntone-server.git synced 2025-03-26 15:30:58 -04:00
Code Issues Packages Projects Releases Wiki Activity

[web] Align items in volume menu

Browse Source
This commit is contained in:
Alain Nussbaumer 2025-01-01 22:10:13 +01:00
parent 44896d82f4
commit b922a6a1a1
4 changed files with 6 additions and 15 deletions

2
web-src/src/components/ControlMainVolume.vue

@ -1,5 +1,5 @@
<template>
<div class="media is-align-items-center pt-0">
<div class="media is-align-items-center mb-0">
<div class="media-left">
<a class="button is-small" @click="toggle">
<mdicon class="icon" :name="icon" />

2
web-src/src/components/ControlOutputVolume.vue

@ -1,5 +1,5 @@
<template>
<div class="media is-align-items-center pt-0">
<div class="media is-align-items-center mb-0">
<div class="media-left">
<a
class="button is-small"

9
web-src/src/components/ControlStreamVolume.vue

@ -1,5 +1,5 @@
<template>
<div class="media is-align-items-center pt-0">
<div class="media is-align-items-center mb-0">
<div class="media-left">
<a
class="button is-small"
@ -12,11 +12,8 @@
<mdicon class="icon" name="broadcast" />
</a>
</div>
<div class="media-content">
<div
class="is-flex is-align-content-center"
:class="{ 'has-text-grey-light': !playing }"
>
<div class="media-content is-align-items-center">
<div class="is-flex" :class="{ 'has-text-grey-light': !playing }">
<div class="is-size-7 is-uppercase" v-text="$t('navigation.stream')" />
<a href="stream.mp3" class="ml-2" target="_blank">
<mdicon class="icon is-small" name="open-in-new" />

8
web-src/src/components/NavbarBottom.vue

@ -47,19 +47,13 @@
>
<div class="dropdown-menu">
<div class="dropdown-content">
<div class="dropdown-item">
<div class="dropdown-item pt-0">
<control-main-volume />
</div>
<hr class="dropdown-divider" />
<div class="dropdown-item">
<control-output-volume
v-for="output in outputsStore.outputs"
:key="output.id"
:output="output"
/>
</div>
<hr class="dropdown-divider" />
<div class="dropdown-item">
<control-stream-volume />
</div>
<hr class="dropdown-divider" />