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

client: add right and left music controls

Browse Source 
- replace if-else with switch
This commit is contained in:
geoffrey45
2022-01-10 20:33:36 +03:00
parent cdfdadaa68
commit 17cbe14217
6 changed files with 70 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/assets/icons/next (1).svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="300" height="300" viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="209" y="44" width="64" height="212" rx="32" fill="white"/>
<path d="M177.783 124.852C195.445 136.743 195.445 162.735 177.783 174.625L71.7533 246.003C51.8259 259.418 25 245.139 25 221.117V78.3604C25 54.3382 51.8259 40.0591 71.7533 53.4741L177.783 124.852Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 387 B

src/assets/icons/next.svg
+3 -3
View File
@@ -1,4 +1,4 @@
<svg width="31" height="30" viewBox="0 0 31 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.73324 4.0275C6.45251 3.82918 6.12266 3.71184 5.77975 3.6883C5.43684 3.66477 5.09405 3.73594 4.78886 3.89406C4.48366 4.05217 4.2278 4.29113 4.04924 4.58483C3.87068 4.87853 3.77628 5.21566 3.77637 5.55938V24.4406C3.77628 24.7843 3.87068 25.1215 4.04924 25.4152C4.2278 25.7089 4.48366 25.9478 4.78886 26.106C5.09405 26.2641 5.43684 26.3352 5.77975 26.3117C6.12266 26.2882 6.45251 26.1708 6.73324 25.9725L20.1076 16.5319C20.3529 16.3588 20.553 16.1292 20.6912 15.8627C20.8293 15.5961 20.9014 15.3002 20.9014 15C20.9014 14.6998 20.8293 14.4039 20.6912 14.1373C20.553 13.8708 20.3529 13.6413 20.1076 13.4681L6.73324 4.0275ZM5.65137 5.55938L19.0257 15L5.65137 24.4406V5.55938Z" fill="white"/>
<path d="M26.2764 4.6875C26.2764 4.43886 26.1776 4.2004 26.0018 4.02459C25.826 3.84877 25.5875 3.75 25.3389 3.75C25.0902 3.75 24.8518 3.84877 24.676 4.02459C24.5001 4.2004 24.4014 4.43886 24.4014 4.6875V25.3125C24.4014 25.5611 24.5001 25.7996 24.676 25.9754C24.8518 26.1512 25.0902 26.25 25.3389 26.25C25.5875 26.25 25.826 26.1512 26.0018 25.9754C26.1776 25.7996 26.2764 25.5611 26.2764 25.3125V4.6875Z" fill="white"/>
<svg width="300" height="300" viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="209" y="44" width="39" height="212" rx="19.5" fill="white"/>
<path d="M177.783 124.852C195.445 136.743 195.445 162.735 177.783 174.625L71.7533 246.003C51.8259 259.418 25 245.139 25 221.117V78.3604C25 54.3382 51.8259 40.0591 71.7533 53.4741L177.783 124.852Z" fill="white"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 389 B

src/assets/icons/pause.svg
+3 -2
View File
@@ -1,3 +1,4 @@
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15 1.875C7.75195 1.875 1.875 7.75195 1.875 15C1.875 22.248 7.75195 28.125 15 28.125C22.248 28.125 28.125 22.248 28.125 15C28.125 7.75195 22.248 1.875 15 1.875ZM15 25.8984C8.98242 25.8984 4.10156 21.0176 4.10156 15C4.10156 8.98242 8.98242 4.10156 15 4.10156C21.0176 4.10156 25.8984 8.98242 25.8984 15C25.8984 21.0176 21.0176 25.8984 15 25.8984ZM12.4219 10.3125H11.0156C10.8867 10.3125 10.7812 10.418 10.7812 10.5469V19.4531C10.7812 19.582 10.8867 19.6875 11.0156 19.6875H12.4219C12.5508 19.6875 12.6562 19.582 12.6562 19.4531V10.5469C12.6562 10.418 12.5508 10.3125 12.4219 10.3125ZM18.9844 10.3125H17.5781C17.4492 10.3125 17.3438 10.418 17.3438 10.5469V19.4531C17.3438 19.582 17.4492 19.6875 17.5781 19.6875H18.9844C19.1133 19.6875 19.2188 19.582 19.2188 19.4531V10.5469C19.2188 10.418 19.1133 10.3125 18.9844 10.3125Z" fill="white"/>
<svg width="300" height="300" viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="41" y="30" width="60" height="240" rx="30" fill="white"/>
<rect x="173" y="30" width="60" height="240" rx="30" fill="white"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 947 B

After

Width:  |  Height:  |  Size: 242 B

src/assets/icons/play.svg
+2 -3
View File
@@ -1,4 +1,3 @@
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.125 1.87499C19.125 2.06249 21.9375 3.56249 24 5.62499C26.4375 8.24999 27.75 11.4375 27.75 15.1875C27.75 18.1875 26.625 21 24.75 23.4375C22.875 25.6875 20.25 27.375 17.25 27.9375C14.25 28.5 11.25 28.125 8.62504 26.625C6.00004 25.125 3.93754 22.875 2.81254 20.0625C1.68754 17.25 1.50004 14.0625 2.43754 11.25C3.37504 8.24999 5.06254 5.81249 7.68754 4.12499C10.125 2.43749 13.125 1.68749 16.125 1.87499ZM17.0625 26.0625C19.5 25.5 21.75 24.1875 23.4375 22.125C24.9375 20.0625 25.875 17.625 25.6875 15C25.6875 12 24.5625 8.99999 22.5 6.93749C20.625 5.06249 18.375 3.93749 15.75 3.74999C13.3125 3.56249 10.6875 4.12499 8.62504 5.62499C6.56254 7.12499 5.06254 9.18749 4.31254 11.8125C3.56254 14.25 3.56254 16.875 4.68754 19.3125C5.81254 21.75 7.50004 23.625 9.75004 24.9375C12 26.25 14.625 26.625 17.0625 26.0625V26.0625Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.25 9.375L12.7069 8.595L21.1444 14.22V15.78L12.7069 21.405L11.25 20.625V9.375ZM13.125 11.1263V18.8738L18.9356 15L13.125 11.1263Z" fill="white"/>
<svg width="300" height="300" viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M230 123.923C250 135.47 250 164.338 230 175.885L95 253.827C75 265.374 50 250.94 50 227.846V71.9615C50 48.8675 75 34.4338 95 45.9808L230 123.923Z" fill="white"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 277 B

src/assets/icons/previous.svg
+3 -2
View File
@@ -1,3 +1,4 @@
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.5 3.75C4.5 3.55109 4.42098 3.36032 4.28033 3.21967C4.13968 3.07902 3.94891 3 3.75 3C3.55109 3 3.36032 3.07902 3.21967 3.21967C3.07902 3.36032 3 3.55109 3 3.75V24.25C3 24.4489 3.07902 24.6397 3.21967 24.7803C3.36032 24.921 3.55109 25 3.75 25C3.94891 25 4.13968 24.921 4.28033 24.7803C4.42098 24.6397 4.5 24.4489 4.5 24.25V3.75ZM25 5.254C25 3.438 22.959 2.37 21.467 3.406L8.963 12.086C8.6656 12.2924 8.42239 12.5674 8.254 12.8879C8.08561 13.2083 7.99701 13.5646 7.99574 13.9266C7.99446 14.2886 8.08054 14.6455 8.24667 14.9671C8.4128 15.2888 8.65407 15.5655 8.95 15.774L21.454 24.584C22.944 25.634 25 24.569 25 22.745V5.254ZM22.322 4.638C22.4345 4.55982 22.5662 4.51395 22.703 4.50536C22.8397 4.49677 22.9761 4.52579 23.0975 4.58927C23.2189 4.65275 23.3206 4.74826 23.3916 4.86545C23.4625 4.98263 23.5 5.11701 23.5 5.254V22.745C23.5 22.8824 23.4622 23.0171 23.3909 23.1345C23.3195 23.2519 23.2172 23.3475 23.0953 23.4107C22.9733 23.474 22.8363 23.5025 22.6993 23.4932C22.5622 23.4839 22.4303 23.4371 22.318 23.358L9.814 14.548C9.7152 14.4786 9.63463 14.3863 9.57914 14.279C9.52365 14.1718 9.49488 14.0527 9.49527 13.932C9.49566 13.8112 9.52521 13.6923 9.5814 13.5854C9.63759 13.4785 9.71875 13.3868 9.818 13.318L22.322 4.638Z" fill="white"/>
<svg width="300" height="300" viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="85" y="250.659" width="39" height="201.659" rx="19.5" transform="rotate(-180 85 250.659)" fill="white"/>
<path d="M122.217 175.148C104.555 163.257 104.555 137.265 122.217 125.375L228.247 53.9966C248.174 40.5816 275 54.8607 275 78.8829V221.64C275 245.662 248.174 259.941 228.247 246.526L122.217 175.148Z" fill="white"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 435 B