feat: use better expand icon

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

View File

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

View File

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