replaced list with buttons

This commit is contained in:
Samuel Walker 2025-05-07 07:23:00 -06:00
parent 4ecdd3be6a
commit b858d50746

View File

@ -24,9 +24,9 @@
<div class="modpackList"> <div class="modpackList">
{#each modpacks as pack} {#each modpacks as pack}
{#if pack == selectedPack} {#if pack == selectedPack}
<div on:click={select(pack)} class="modpackElementSelected">{pack.Name}</div> <button on:click={select(pack)} class="modpackElementSelected">{pack.Name}</button>
{:else} {:else}
<div on:click={select(pack)} class="modpackElement">{pack.Name}</div> <button on:click={select(pack)} class="modpackElement">{pack.Name}</button>
{/if} {/if}
{/each} {/each}
</div> </div>
@ -62,6 +62,10 @@
align-items: center; align-items: center;
gap: 2px; gap: 2px;
} }
.modpackList button {
border: none;
color: inherit;
}
.modpackElement { .modpackElement {
width: 100%; width: 100%;
background-color: #23232e; background-color: #23232e;