updated design

2026-08-25 17:12:22 +01:00
parent 3c7361023c
commit 27e6071992
23 changed files with 770 additions and 37 deletions
@@ -0,0 +1,22 @@
+<section class="rounded-2xl border border-zinc-200 bg-white p-5 dark:border-zinc-700 dark:bg-zinc-900">
+    <div class="flex items-center justify-between gap-4">
+        <div>
+            <flux:heading size="sm">{{ __('Time tracking') }}</flux:heading>
+            <flux:text>{{ $this->elapsedTime }}</flux:text>
+        </div>
+
+        @if ($this->isRunning)
+            <flux:button variant="danger" wire:click="endTimer">{{ __('Stop timer') }}</flux:button>
+        @else
+            <flux:button variant="primary" wire:click="startTimer">{{ __('Start timer') }}</flux:button>
+        @endif
+    </div>
+
+    <div class="mt-4">
+        <flux:input wire:model="description" :label="__('Description')" :placeholder="__('What are you working on?')" />
+    </div>
+
+    @if ($message)
+        <p class="mt-3 text-sm text-zinc-600 dark:text-zinc-300">{{ $message }}</p>
+    @endif
+</section>