stan/personal-website
1
0
Fork 0
Code Issues 6 Pull Requests Actions Packages Projects Releases Wiki Activity

fix: show points and progress bar in table

Browse Source
This commit is contained in:
Stan Runge
2025-01-27 00:55:44 +01:00
parent 684eef4d7c
commit c2eebd0d04
1 changed files with 14 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
packages/web/src/routes/progress/+page.svelte
View File

@@ -23,7 +23,7 @@
<tr class="border-b border-white">
<th class="px-6 py-3 text-left text-sm font-semibold">Name</th>
<th class="px-6 py-3 text-left text-sm font-semibold">Topics</th>
<th class="px-6 py-3 text-left text-sm font-semibold">Progress</th>
<th class="px-6 py-3 text-left text-sm font-semibold min-w-[200px]">Progress</th>
<th class="px-6 py-3 text-left text-sm font-semibold">Actions</th>
</tr>
</thead>
@@ -48,8 +48,19 @@
</a>
</td>
<td class="px-6 py-2 border-b">
{((task.currentPoints / task.totalPoints) * 100).toFixed(1)}%
<td class="px-6 py-2 border-b min-w-[200px]">
<div class="relative w-full h-6 bg-gray-700 rounded-full overflow-hidden">
<div
class="absolute h-full bg-green-500"
style="width: {(task.currentPoints / task.totalPoints) * 100}%"
/>
<span class="absolute inset-0 flex items-center justify-center text-sm">
{task.currentPoints} / {task.totalPoints} ({(
(task.currentPoints / task.totalPoints) *
100
).toFixed(1)}%)
</span>
</div>
</td>
<td class="px-6 py-2 border-b">
<button