brut/bincio-activity
1
0
Fork 0
Code Issues Pull Requests Actions 8 Packages Projects Releases Wiki Activity

fix unclosed tags

Browse Source
This commit is contained in:
Davide Scaini
2026-03-30 13:06:31 +02:00
parent 0865159cca
commit a65923c3e0
1 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/src/components/StatsView.svelte
+8 -4
View File
@@ -264,7 +264,7 @@
</div> </div>
{#if loading} {#if loading}
<div class="h-64 rounded-xl bg-zinc-800 animate-pulse mb-6" /> <div class="h-64 rounded-xl bg-zinc-800 animate-pulse mb-6"></div>
{:else} {:else}
<!-- Year totals --> <!-- Year totals -->
@@ -296,7 +296,7 @@
<div class="inline-flex gap-[3px]"> <div class="inline-flex gap-[3px]">
<!-- Day-of-week labels: blank slot at top to align with month row --> <!-- Day-of-week labels: blank slot at top to align with month row -->
<div class="flex flex-col gap-[3px] mr-1"> <div class="flex flex-col gap-[3px] mr-1">
<div class="h-4" /> <div class="h-4"></div>
{#each DOW as d, i} {#each DOW as d, i}
<span class="text-[9px] text-zinc-600 h-[10px] leading-[10px] w-3 text-right"> <span class="text-[9px] text-zinc-600 h-[10px] leading-[10px] w-3 text-right">
{i % 2 === 1 ? d : ''} {i % 2 === 1 ? d : ''}
@@ -318,11 +318,14 @@
</div> </div>
{#each week as date} {#each week as date}
<div <div
role="button"
tabindex="0"
class="w-[10px] h-[10px] rounded-[2px] {date && activitiesByDate.has(date) ? 'cursor-pointer' : ''} {date && date === pinnedDate ? 'ring-1 ring-white ring-offset-[1px]' : ''}" class="w-[10px] h-[10px] rounded-[2px] {date && activitiesByDate.has(date) ? 'cursor-pointer' : ''} {date && date === pinnedDate ? 'ring-1 ring-white ring-offset-[1px]' : ''}"
style="background:{cellColors.get(date) ?? emptyColor}; --tw-ring-offset-color: var(--bg-base)" style="background:{cellColors.get(date) ?? emptyColor}; --tw-ring-offset-color: var(--bg-base)"
on:mouseenter={e => onCellEnter(date, e)} on:mouseenter={e => onCellEnter(date, e)}
on:mouseleave={onCellLeave} on:mouseleave={onCellLeave}
on:click={e => onCellClick(date, e)} on:click={e => onCellClick(date, e)}
on:keydown={e => e.key === 'Enter' && onCellClick(date, e)}
></div> ></div>
{/each} {/each}
</div> </div>
@@ -335,7 +338,7 @@
<div class="flex items-center gap-1"> <div class="flex items-center gap-1">
<span class="text-xs text-zinc-500 mr-1">Less</span> <span class="text-xs text-zinc-500 mr-1">Less</span>
{#each legendSwatches as c} {#each legendSwatches as c}
<div class="w-[10px] h-[10px] rounded-[2px]" style="background:{c}" /> <div class="w-[10px] h-[10px] rounded-[2px]" style="background:{c}"></div>
{/each} {/each}
<span class="text-xs text-zinc-500 ml-1">More (percentile · max {Math.round(maxDailyKm)} km)</span> <span class="text-xs text-zinc-500 ml-1">More (percentile · max {Math.round(maxDailyKm)} km)</span>
</div> </div>
@@ -343,7 +346,7 @@
<div class="flex items-center gap-2 ml-2"> <div class="flex items-center gap-2 ml-2">
{#each sportsInData as sp} {#each sportsInData as sp}
<span class="text-xs flex items-center gap-1" style="color:{sportColor(sp)}"> <span class="text-xs flex items-center gap-1" style="color:{sportColor(sp)}">
<span class="w-[10px] h-[10px] rounded-[2px] inline-block" style="background:{sportColor(sp)}" /> <span class="w-[10px] h-[10px] rounded-[2px] inline-block" style="background:{sportColor(sp)}"></span>
{sportIcon(sp)} {sportIcon(sp)}
</span> </span>
{/each} {/each}
@@ -362,6 +365,7 @@
{#if tooltipDate && tooltipActivities.length > 0} {#if tooltipDate && tooltipActivities.length > 0}
<div <div
bind:this={tooltipEl} bind:this={tooltipEl}
role="tooltip"
class="fixed z-50 bg-zinc-900 border border-zinc-700 rounded-xl shadow-2xl p-3 w-[280px]" class="fixed z-50 bg-zinc-900 border border-zinc-700 rounded-xl shadow-2xl p-3 w-[280px]"
style="left:{tooltipPos.x}px; top:{tooltipPos.y}px" style="left:{tooltipPos.x}px; top:{tooltipPos.y}px"
on:mouseenter={onTooltipEnter} on:mouseenter={onTooltipEnter}