TDvorak/swingmusic-extended
1
0
Fork 0
mirror of https://github.com/Dvorinka/swingmusic-extended.git synced 2026-06-05 04:53:01 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Introduce tabs to right sidebar

Browse Source 
- new icons
- rename upnext.vue to queue.vue
- other tiny changes
This commit is contained in:
geoffrey45
2022-01-31 09:38:14 +03:00
parent 3eef90dc8a
commit bdfbb59d76
19 changed files with 363 additions and 255 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/assets/icons/_search.svg
+1
View File
@@ -0,0 +1 @@
<svg fill="#ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path d="M 20.5 6 C 12.509634 6 6 12.50964 6 20.5 C 6 28.49036 12.509634 35 20.5 35 C 23.956359 35 27.133709 33.779044 29.628906 31.75 L 39.439453 41.560547 A 1.50015 1.50015 0 1 0 41.560547 39.439453 L 31.75 29.628906 C 33.779044 27.133709 35 23.956357 35 20.5 C 35 12.50964 28.490366 6 20.5 6 z M 20.5 9 C 26.869047 9 32 14.130957 32 20.5 C 32 23.602612 30.776198 26.405717 28.791016 28.470703 A 1.50015 1.50015 0 0 0 28.470703 28.791016 C 26.405717 30.776199 23.602614 32 20.5 32 C 14.130953 32 9 26.869043 9 20.5 C 9 14.130957 14.130953 9 20.5 9 z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 663 B

src/assets/icons/dashboard.svg
+6
View File
@@ -0,0 +1,6 @@
<svg width="300" height="300" viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="28" y="25" width="104.69" height="104.69" rx="40" fill="#055096"/>
<rect x="167.028" y="170.31" width="104.69" height="104.69" rx="40" fill="#C43A3A"/>
<rect x="28" y="170.31" width="104.69" height="104.69" rx="40" fill="#C4C4C4"/>
<rect x="167.028" y="25" width="104.69" height="104.69" rx="40" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 427 B

src/assets/icons/queue.svg
+6
View File
@@ -0,0 +1,6 @@
<svg width="300" height="300" viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="25" y="65" width="250" height="44.8439" rx="22.4219" fill="white"/>
<rect x="25" y="190.999" width="168.664" height="44.8439" rx="22.4219" fill="white"/>
<rect x="230.156" y="190.999" width="44.8439" height="44.8439" rx="22.4219" fill="#055096"/>
<rect x="25" y="127.999" width="211.511" height="44.8439" rx="22.4219" fill="#C43A3A"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 451 B

src/assets/icons/search.svg
+5 -1
View File
@@ -1 +1,5 @@
<svg fill="#ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path d="M 20.5 6 C 12.509634 6 6 12.50964 6 20.5 C 6 28.49036 12.509634 35 20.5 35 C 23.956359 35 27.133709 33.779044 29.628906 31.75 L 39.439453 41.560547 A 1.50015 1.50015 0 1 0 41.560547 39.439453 L 31.75 29.628906 C 33.779044 27.133709 35 23.956357 35 20.5 C 35 12.50964 28.490366 6 20.5 6 z M 20.5 9 C 26.869047 9 32 14.130957 32 20.5 C 32 23.602612 30.776198 26.405717 28.791016 28.470703 A 1.50015 1.50015 0 0 0 28.470703 28.791016 C 26.405717 30.776199 23.602614 32 20.5 32 C 14.130953 32 9 26.869043 9 20.5 C 9 14.130957 14.130953 9 20.5 9 z"/></svg>
<svg width="300" height="300" viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="113.788" cy="121.788" r="88.7875" fill="#C4C4C4"/>
<path d="M130.102 159.761L152.799 133.981L262.11 230.216C269.229 236.483 269.919 247.335 263.652 254.454V254.454C257.385 261.573 246.533 262.263 239.414 255.996L130.102 159.761Z" fill="#C4C4C4"/>
<circle cx="113.959" cy="121.616" r="68.6944" fill="#055096"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 663 B

After

Width:  |  Height:  |  Size: 429 B