MyFavMirrors/owntone-server
1
0
Fork 0
mirror of https://github.com/owntone/owntone-server.git synced 2025-01-14 16:25:03 -05:00
Code Issues Packages Projects Releases Wiki Activity

[web] Streamline CSS styles and remove useless classes

Browse Source
This commit is contained in:
Alain Nussbaumer 2024-02-26 20:23:30 +01:00
parent 8b634ea4ff
commit 5b46df45ba
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -20,11 +20,11 @@
<div class="level-left is-flex-grow-1"> <div class="level-left is-flex-grow-1">
<div class="level-item is-flex-grow-0"> <div class="level-item is-flex-grow-0">
<a class="button is-white is-small" @click="toggle_mute_volume"> <a class="button is-white is-small" @click="toggle_mute_volume">
<span class="icon" <mdicon
><mdicon class="icon"
:name="player.volume > 0 ? 'volume-high' : 'volume-off'" :name="player.volume > 0 ? 'volume-high' : 'volume-off'"
size="18" size="18"
/></span> />
</a> </a>
</div> </div>
<div class="level-item"> <div class="level-item">
@ -54,7 +54,7 @@
<div class="level-left is-flex-grow-1"> <div class="level-left is-flex-grow-1">
<div class="level-item is-flex-grow-0"> <div class="level-item is-flex-grow-0">
<a <a
class="button is-clickable is-white is-small" class="button is-white is-small"
:class="{ :class="{
'has-text-grey-light': !playing && !loading, 'has-text-grey-light': !playing && !loading,
'is-loading': loading 'is-loading': loading
@ -220,7 +220,7 @@
<div class="level-left is-flex-grow-1"> <div class="level-left is-flex-grow-1">
<div class="level-item is-flex-grow-0"> <div class="level-item is-flex-grow-0">
<a <a
class="button is-clickable is-white is-small" class="button is-white is-small"
:class="{ :class="{
'has-text-grey-light': !playing && !loading, 'has-text-grey-light': !playing && !loading,
'is-loading': loading 'is-loading': loading

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

@ -4,7 +4,7 @@
<div class="level-left is-flex-grow-1"> <div class="level-left is-flex-grow-1">
<div class="level-item is-flex-grow-0"> <div class="level-item is-flex-grow-0">
<a <a
class="button is-clickable is-white is-small" class="button is-white is-small"
:class="{ 'has-text-grey-light': !output.selected }" :class="{ 'has-text-grey-light': !output.selected }"
@click="set_enabled" @click="set_enabled"
> >