New features

This commit is contained in:
Håkon Størdal 2025-09-04 21:38:07 +02:00
parent 55a112415d
commit 8981dc9615
17 changed files with 880 additions and 99 deletions

View file

@ -5,7 +5,7 @@
import { getTodaysWorkout, saveWorkout } from './workout.remote';
import { fade } from 'svelte/transition';
let todayDate = getTodayDateString();
const todayDate = getTodayDateString();
// Form state
let form: WorkoutData = $state({
@ -26,10 +26,10 @@
}
</script>
<div class="mx-auto max-w-md rounded-lg bg-white p-6 shadow-lg">
<div class="mx-auto w-full max-w-md rounded-lg bg-white p-4 shadow-lg sm:p-6">
<!-- Header -->
<header class="mb-6 text-center">
<h2 class="text-2xl font-bold text-gray-800">Log Today's Workout</h2>
<h2 class="text-xl font-bold text-gray-800">Log Today's Workout</h2>
<div class="mt-2 text-gray-600">📅 {todayDate}</div>
</header>
@ -67,7 +67,7 @@
{/if}
<!-- Example Section -->
<section class="rounded-md bg-gray-50 p-4">
<section class="rounded-md bg-gray-50 p-3 sm:p-4">
<h3 class="mb-2 text-sm font-medium text-gray-700">Quick Example:</h3>
<div class="space-y-1 text-sm text-gray-600">
<div>💪 Push-ups: {exampleWorkout.pushups}</div>