MyFavMirrors/owntone-server
1
0
Fork 0
mirror of https://github.com/owntone/owntone-server.git synced 2025-04-01 02:03:45 -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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

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

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

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

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

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

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

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