jcreek/LivingDexTracker
1
0
Fork 0
mirror of https://github.com/jcreek/LivingDexTracker.git synced 2026-07-13 02:53:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(#46): Add color to alternate columns

Browse Source
This commit is contained in:
Josh Creek
2024-07-15 21:02:44 +01:00
parent 2ad7e219a2
commit 6f4847f126
1 changed files with 14 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/routes/mydex/boxes/+page.svelte
+14 -2
View File
@@ -67,11 +67,11 @@
{#each boxNumbers as boxNumber} {#each boxNumbers as boxNumber}
<div class="mb-8"> <div class="mb-8">
<h2 class="text-xl font-bold mb-4">Box {boxNumber}</h2> <h2 class="text-xl font-bold mb-4">Box {boxNumber}</h2>
<div class="grid grid-cols-6"> <div class="grid grid-cols-6 gap-4">
{#each combinedData as { pokedexEntry, catchRecord }} {#each combinedData as { pokedexEntry, catchRecord }}
{#if pokedexEntry[currentPlacement].box === boxNumber} {#if pokedexEntry[currentPlacement].box === boxNumber}
<div <div
class="border p-2" class="pokemon-box"
style="grid-column-start: {pokedexEntry[currentPlacement] style="grid-column-start: {pokedexEntry[currentPlacement]
.column}; grid-row-start: {pokedexEntry[currentPlacement].row}" .column}; grid-row-start: {pokedexEntry[currentPlacement].row}"
> >
@@ -105,3 +105,15 @@
</div> </div>
{/if} {/if}
</div> </div>
<style>
.pokemon-box {
border: 1px solid #ddd;
padding: 1rem;
background-color: #f9f9f9;
}
.pokemon-box:nth-child(even) {
background-color: #ffffff;
}
</style>