okseby/orchard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Change SVGs in settings page

Browse source
This commit is contained in:
Monochromish 2022-06-29 08:00:28 +10:00
parent 5309c987f0
commit 6072193158
6 changed files with 23 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/renderer/assets/feather/hard-drive.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-hard-drive">
<path d="M22 12H2m3.45-6.89L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11zM6 16h.01M10 16h.01"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 372 B

4
src/renderer/assets/feather/headphones.svg Normal file
View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-headphones">
<path d="M3 18v-6a9 9 0 0 1 18 0v6"/>
<path d="M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 390 B

5
src/renderer/assets/feather/pen-tool.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-pen-tool" width="20" height="20">
<path d="m12 19 7-7 3 3-7 7-3-3z"/>
<path d="m18 13-1.5-7.5L2 2l3.5 14.5L13 18l5-5zM2 2l7.586 7.586"/>
<circle cx="11" cy="11" r="2"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 363 B

3
src/renderer/assets/feather/zap.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-zap" width="20" height="20">
<path d="M13 2 3 14h9l-1 8 10-12h-9l1-8z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 263 B

1
src/renderer/assets/settings.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-settings"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
Side by side

After

Width:  |  Height:  |  Size: 1,011 B

14
src/renderer/views/components/settings-window.ejs
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><svg-icon url="./assets/play.svg" name="settings-general" /></div>
<div><svg-icon url="./assets/settings.svg" name="settings-general" /></div>
<div>
{{ $root.getLz('settings.header.general') }}
</div>
@ -234,7 +234,7 @@
</b-tab>
<b-tab>
<template #title>
<div><svg-icon url="./assets/play.svg" name="settings-audio" /></div>
<div><svg-icon url="./assets/feather/headphones.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><svg-icon url="./assets/play.svg" name="settings-audiolabs" /></div>
<div><svg-icon url="./assets/feather/zap.svg" name="settings-audiolabs" /></div>
<div>
{{ $root.getLz('settings.option.audio.audioLab') }}
</div>
@ -383,7 +383,7 @@
</b-tab>
<b-tab>
<template #title>
<div><svg-icon url="./assets/play.svg" name="settings-visual" /></div>
<div><svg-icon url="./assets/feather/pen-tool.svg" name="settings-visual" /></div>
<div>
{{ $root.getLz('settings.header.visual') }}
</div>
@ -624,7 +624,7 @@
</b-tab>
<b-tab>
<template #title>
<div><svg-icon url="./assets/play.svg" name="settings-lyrics" /></div>
<div><svg-icon url="./assets/feather/mic.svg" name="settings-lyrics" /></div>
<div>
{{ $root.getLz('settings.header.lyrics') }}
</div>
@ -963,7 +963,7 @@
</b-tab>
<b-tab>
<template #title>
<div><svg-icon url="./assets/play.svg" name="settings-connectivity" /></div>
<div><svg-icon url="./assets/feather/radio.svg" name="settings-connectivity" /></div>
<div>
{{ $root.getLz('settings.header.connectivity') }}
</div>
@ -1143,7 +1143,7 @@
</b-tab>
<b-tab>
<template #title>
<div><svg-icon url="./assets/play.svg" name="settings-advanced" /></div>
<div><svg-icon url="./assets/feather/hard-drive.svg" name="settings-advanced" /></div>
<div>
{{$root.getLz('settings.header.advanced')}}
</div>