ReVanced/revanced-website
1
0
Fork 0
mirror of https://github.com/revanced/revanced-website.git synced 2025-04-30 14:44:28 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: use better expand icon

Browse Source
This commit is contained in:
Ushie 2023-08-01 02:06:34 +03:00
parent 48f5c3aec9
commit 753050cfc9
No known key found for this signature in database
GPG Key ID: B3AAD18842E34632
2 changed files with 16 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/lib/components/FilterChip.svelte
View File

@ -1,16 +1,16 @@
<script> <script>
export let dropdown = false; export let dropdown = false;
export let check = false; export let check = false;
export let selected = false; export let selected = false;
</script> </script>
<button class:selected on:click> <button class:selected on:click>
{#if check} {#if check}
<img id="check" src="/icons/check.svg" alt="selected" /> <img id="check" src="/icons/check.svg" alt="selected" />
{/if} {/if}
<slot /> <slot />
{#if dropdown} {#if dropdown}
<img id="dropdown" src="/icons/arrow.svg" alt="dropdown" /> <img id="dropdown" src="/icons/expand_more.svg" alt="dropdown" />
{/if} {/if}
</button> </button>
@ -31,20 +31,20 @@
gap: 8px; gap: 8px;
} }
.selected { .selected {
background-color: var(--accent-low-opacity); background-color: var(--accent-low-opacity);
color: var(--accent-color); color: var(--accent-color);
} }
img { img {
height: 18px; height: 18px;
} }
#dropdown { #dropdown {
margin-right: -6px; margin-right: -6px;
} }
#check { #check {
margin-left: -6px; margin-left: -6px;
} }
</style> </style>

2
src/routes/patches/PatchItem.svelte
View File

@ -23,7 +23,7 @@
<h3>{patch.name}</h3> <h3>{patch.name}</h3>
</div> </div>
{#if hasPatchOptions} {#if hasPatchOptions}
<img class="expand-arrow" src="/icons/arrow.svg" alt="dropdown" /> <img class="expand-arrow" src="/icons/expand_more.svg" alt="dropdown" />
{/if} {/if}
</div> </div>
<h5>{patch.description}</h5> <h5>{patch.description}</h5>