New features
This commit is contained in:
parent
55a112415d
commit
8981dc9615
17 changed files with 880 additions and 99 deletions
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue