mirror of
https://github.com/owntone/owntone-server.git
synced 2025-03-03 23:30:09 -05:00
[web] Reduce the amount of colours
This commit is contained in:
parent
59559847ac
commit
d26e9fd5c4
@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<navbar-top />
|
<navbar-top />
|
||||||
<vue-progress-bar class="has-background-info" />
|
<vue-progress-bar class="has-background-primary" />
|
||||||
<router-view v-slot="{ Component }">
|
<router-view v-slot="{ Component }">
|
||||||
<component :is="Component" />
|
<component :is="Component" />
|
||||||
</router-view>
|
</router-view>
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<a :class="{ 'is-info': is_consume }" @click="toggle">
|
<a :class="{ 'is-dark': is_consume }" @click="toggle">
|
||||||
<mdicon
|
<mdicon
|
||||||
class="icon"
|
class="icon"
|
||||||
name="fire"
|
name="fire"
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<a :class="{ 'is-info': is_active }" @click="toggle">
|
<a :class="{ 'is-dark': is_active }" @click="toggle">
|
||||||
<mdicon
|
<mdicon
|
||||||
class="icon"
|
class="icon"
|
||||||
:name="icon"
|
:name="icon"
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<a :class="{ 'is-info': !is_repeat_off }" @click="toggle">
|
<a :class="{ 'is-dark': !is_repeat_off }" @click="toggle">
|
||||||
<mdicon
|
<mdicon
|
||||||
class="icon"
|
class="icon"
|
||||||
:name="icon"
|
:name="icon"
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<a :class="{ 'is-info': is_shuffle }" @click="toggle">
|
<a :class="{ 'is-dark': is_shuffle }" @click="toggle">
|
||||||
<mdicon
|
<mdicon
|
||||||
class="icon"
|
class="icon"
|
||||||
:name="icon"
|
:name="icon"
|
||||||
|
@ -34,7 +34,7 @@
|
|||||||
<div class="is-size-7 has-text-grey" v-text="item.item.album" />
|
<div class="is-size-7 has-text-grey" v-text="item.item.album" />
|
||||||
<progress
|
<progress
|
||||||
v-if="show_progress && item.item.seek_ms > 0"
|
v-if="show_progress && item.item.seek_ms > 0"
|
||||||
class="progress is-info"
|
class="progress is-dark"
|
||||||
:max="item.item.length_ms"
|
:max="item.item.length_ms"
|
||||||
:value="item.item.seek_ms"
|
:value="item.item.seek_ms"
|
||||||
/>
|
/>
|
||||||
|
@ -12,7 +12,7 @@
|
|||||||
<div class="buttons is-centered">
|
<div class="buttons is-centered">
|
||||||
<button
|
<button
|
||||||
class="button is-small is-rounded"
|
class="button is-small is-rounded"
|
||||||
:class="{ 'is-info': show_only_next_items }"
|
:class="{ 'is-dark': show_only_next_items }"
|
||||||
@click="update_show_next_items"
|
@click="update_show_next_items"
|
||||||
>
|
>
|
||||||
<mdicon class="icon" name="arrow-collapse-down" size="16" />
|
<mdicon class="icon" name="arrow-collapse-down" size="16" />
|
||||||
@ -27,7 +27,7 @@
|
|||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
class="button is-small is-rounded"
|
class="button is-small is-rounded"
|
||||||
:class="{ 'is-info': edit_mode }"
|
:class="{ 'is-dark': edit_mode }"
|
||||||
:disabled="queue_items.length === 0"
|
:disabled="queue_items.length === 0"
|
||||||
@click="edit_mode = !edit_mode"
|
@click="edit_mode = !edit_mode"
|
||||||
>
|
>
|
||||||
|
@ -106,7 +106,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="control">
|
<div class="control">
|
||||||
<button
|
<button
|
||||||
class="button is-info"
|
class="button"
|
||||||
type="submit"
|
type="submit"
|
||||||
v-text="$t('page.settings.services.login')"
|
v-text="$t('page.settings.services.login')"
|
||||||
/>
|
/>
|
||||||
|
@ -24,7 +24,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="control">
|
<div class="control">
|
||||||
<button
|
<button
|
||||||
class="button is-info"
|
class="button"
|
||||||
type="submit"
|
type="submit"
|
||||||
v-text="$t('page.settings.devices.send')"
|
v-text="$t('page.settings.devices.send')"
|
||||||
/>
|
/>
|
||||||
@ -75,7 +75,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="control">
|
<div class="control">
|
||||||
<button
|
<button
|
||||||
class="button is-info"
|
class="button"
|
||||||
type="submit"
|
type="submit"
|
||||||
v-text="$t('page.settings.devices.verify')"
|
v-text="$t('page.settings.devices.verify')"
|
||||||
/>
|
/>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user