added <svg-icon/>

params:
- url: string - url of the svg icon
- name: string - the icon's name to help with theming
This commit is contained in:
booploops 2022-06-28 14:34:01 -07:00
parent 530d73ba81
commit 5309c987f0
5 changed files with 226 additions and 193 deletions

View file

@ -6,7 +6,7 @@
<b-tabs class="no-style" pills vertical content-class="mt-3" v-model="$store.state.pageState['settings'].currentTabIndex">
<b-tab>
<template #title>
<div>⚙️</div>
<div><svg-icon url="./assets/play.svg" name="settings-general" /></div>
<div>
{{ $root.getLz('settings.header.general') }}
</div>
@ -234,7 +234,7 @@
</b-tab>
<b-tab>
<template #title>
<div>🔊</div>
<div><svg-icon url="./assets/play.svg" name="settings-audio" /></div>
<div>
{{ $root.getLz('settings.header.audio') }}
</div>
@ -372,7 +372,7 @@
</b-tab>
<b-tab v-if="app.cfg.advanced.AudioContext">
<template #title>
<div></div>
<div><svg-icon url="./assets/play.svg" name="settings-audiolabs" /></div>
<div>
{{ $root.getLz('settings.option.audio.audioLab') }}
</div>
@ -383,7 +383,7 @@
</b-tab>
<b-tab>
<template #title>
<div>🎨</div>
<div><svg-icon url="./assets/play.svg" name="settings-visual" /></div>
<div>
{{ $root.getLz('settings.header.visual') }}
</div>
@ -624,7 +624,7 @@
</b-tab>
<b-tab>
<template #title>
<div>🎤</div>
<div><svg-icon url="./assets/play.svg" name="settings-lyrics" /></div>
<div>
{{ $root.getLz('settings.header.lyrics') }}
</div>
@ -963,7 +963,7 @@
</b-tab>
<b-tab>
<template #title>
<div>🔌</div>
<div><svg-icon url="./assets/play.svg" name="settings-connectivity" /></div>
<div>
{{ $root.getLz('settings.header.connectivity') }}
</div>
@ -1143,7 +1143,7 @@
</b-tab>
<b-tab>
<template #title>
<div>💻</div>
<div><svg-icon url="./assets/play.svg" name="settings-advanced" /></div>
<div>
{{$root.getLz('settings.header.advanced')}}
</div>