granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add arrow icons

Browse source
This commit is contained in:
Justin Edmund 2025-09-17 13:38:47 -07:00
parent 7c7ed8b579
commit a5ffdcb68a
5 changed files with 14 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/assets/icons/arrow-down.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.9546 7.04822C12.3449 7.43871 12.3449 8.07179 11.9546 8.46228L7.7114 12.7045C7.53873 12.877 7.31878 12.9736 7.09323 12.9935C6.80654 13.0208 6.51004 12.924 6.2905 12.7045L2.04734 8.46228C1.65747 8.07186 1.65742 7.43861 2.04734 7.04822C2.4377 6.65794 3.07086 6.65823 3.4614 7.04822L5.99753 9.58337L5.99753 1.99548C5.99753 1.44339 6.44551 0.995793 6.99753 0.995483C7.54982 0.995483 7.99753 1.4432 7.99753 1.99548L7.99753 9.59021L10.5405 7.04822C10.9309 6.65797 11.5641 6.65814 11.9546 7.04822Z" fill="currentColor"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 629 B

3
src/assets/icons/arrow-left.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.94988 2.04353C6.55939 1.6532 5.92631 1.6532 5.53582 2.04353L1.29363 6.2867C1.12107 6.45937 1.02451 6.67932 1.00457 6.90486C0.97727 7.19155 1.07409 7.48805 1.29363 7.7076L5.53582 11.9508C5.92624 12.3406 6.55949 12.3407 6.94988 11.9508C7.34016 11.5604 7.33987 10.9272 6.94988 10.5367L4.41473 8.00056H12.0026C12.5547 8.00056 13.0023 7.55259 13.0026 7.00056C13.0026 6.44828 12.5549 6.00056 12.0026 6.00056H4.40789L6.94988 3.4576C7.34013 3.06719 7.33996 2.43404 6.94988 2.04353Z" fill="currentColor"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 612 B

3
src/assets/icons/arrow-right.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.05273 2.04353C7.44322 1.6532 8.07631 1.6532 8.4668 2.04353L12.709 6.2867C12.8815 6.45937 12.9781 6.67932 12.998 6.90486C13.0253 7.19155 12.9285 7.48805 12.709 7.7076L8.4668 11.9508C8.07638 12.3406 7.44312 12.3407 7.05273 11.9508C6.66246 11.5604 6.66275 10.9272 7.05273 10.5367L9.58789 8.00056H2C1.44791 8.00056 1.00031 7.55259 1 7.00056C1 6.44828 1.44772 6.00056 2 6.00056H9.59473L7.05273 3.4576C6.66249 3.06719 6.66265 2.43404 7.05273 2.04353Z" fill="currentColor"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 583 B

3
src/assets/icons/arrow-up.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.04805 6.94536C1.65772 6.55487 1.65772 5.92178 2.04805 5.5313L6.29122 1.28911C6.46389 1.11655 6.68384 1.01998 6.90938 1.00005C7.19607 0.972746 7.49257 1.06957 7.71212 1.28911L11.9553 5.5313C12.3451 5.92172 12.3452 6.55497 11.9553 6.94536C11.5649 7.33563 10.9318 7.33534 10.5412 6.94536L8.00508 4.4102L8.00508 11.9981C8.00508 12.5502 7.55711 12.9978 7.00508 12.9981C6.4528 12.9981 6.00508 12.5504 6.00508 11.9981L6.00508 4.40337L3.46212 6.94536C3.07171 7.33561 2.43856 7.33544 2.04805 6.94536Z" fill="currentColor"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 630 B

2
src/lib/components/Icon.svelte
View file

@ -1,3 +1,5 @@
<svelte:options runes={true} />
<script lang="ts">
interface Props {
name: string;