simonfranken/timetracker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: simonfranken:3ab39643dd27dfd2fad9591ea6661e8ac3faff5f
Branches Tags
simonfranken:main simonfranken:feature/mcp-and-api-keys simonfranken:bugfix-timer-widget-blocks-dialogs simonfranken:feature/balance-ongoing-timer
simonfranken:latest
...
compare: simonfranken:3fa13e1428a2ea5ce27decdefb6afe809e1e3785
Branches Tags
simonfranken:main simonfranken:feature/mcp-and-api-keys simonfranken:bugfix-timer-widget-blocks-dialogs simonfranken:feature/balance-ongoing-timer
simonfranken:latest

3 Commits
3ab39643dd ... 3fa13e1428

Author SHA1 Message Date
simon.franken
3fa13e1428 Use icon.svg in Navbar and LoginPage instead of Clock icon 2026-02-23 10:55:33 +01:00
simon.franken
2e629d8017 Merge branch 'main' into feature/adjust-timer-start-time 2026-02-23 10:53:54 +01:00
simon.franken
6e0567d021 icon update 2026-02-23 10:53:39 +01:00
5 changed files with 87 additions and 5 deletions
Expand all files Collapse all files

2
frontend/index.html
View File

@@ -2,7 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" /> <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>TimeTracker</title> <title>TimeTracker</title>
</head> </head>

40
frontend/public/favicon.svg Normal file
View File

@@ -0,0 +1,40 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="48 48 416 416" width="100%" height="100%">
<defs>
<linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#818CF8" />
<stop offset="100%" stop-color="#4F46E5" />
</linearGradient>
</defs>
<!-- App Icon Background -->
<rect x="48" y="48" width="416" height="416" rx="96" fill="url(#bg)" />
<!-- Inner Icon Group -->
<g stroke="#ffffff" fill="none" stroke-linecap="round" stroke-linejoin="round">
<!-- Stopwatch Top Button -->
<path d="M256 96 v44" stroke-width="28" />
<path d="M224 88 h64" stroke-width="24" />
<!-- Stopwatch Side Button -->
<path d="M352 176 l 24 -24" stroke-width="24" />
<!-- Cap for side button -->
<path d="M362 138 l 28 28" stroke-width="24" />
<!-- Outer Ring -->
<circle cx="256" cy="272" r="132" stroke-width="28" />
<!-- Clock Hands -->
<!-- Minute Hand -->
<path d="M256 184 v 88" stroke-width="24" />
<!-- Hour Hand -->
<path d="M256 272 l 48 32" stroke-width="24" />
<!-- Dial Tick Marks -->
<g stroke-width="12" opacity="0.6">
<line x1="256" y1="172" x2="256" y2="188" />
<line x1="256" y1="356" x2="256" y2="372" />
<line x1="172" y1="272" x2="188" y2="272" />
<line x1="340" y1="272" x2="324" y2="272" />
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

43
frontend/public/icon.svg Normal file
View File

@@ -0,0 +1,43 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="100%" height="100%">
<defs>
<linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#818CF8" />
<stop offset="100%" stop-color="#4F46E5" />
</linearGradient>
<filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="0" dy="12" stdDeviation="16" flood-color="#4F46E5" flood-opacity="0.4" />
</filter>
</defs>
<!-- App Icon Background -->
<rect x="48" y="48" width="416" height="416" rx="96" fill="url(#bg)" filter="url(#shadow)" />
<!-- Inner Icon Group -->
<g stroke="#ffffff" fill="none" stroke-linecap="round" stroke-linejoin="round">
<!-- Stopwatch Top Button -->
<path d="M256 96 v44" stroke-width="28" />
<path d="M224 88 h64" stroke-width="24" />
<!-- Stopwatch Side Button -->
<path d="M352 176 l 24 -24" stroke-width="24" />
<!-- Cap for side button -->
<path d="M362 138 l 28 28" stroke-width="24" />
<!-- Outer Ring -->
<circle cx="256" cy="272" r="132" stroke-width="28" />
<!-- Clock Hands -->
<!-- Minute Hand -->
<path d="M256 184 v 88" stroke-width="24" />
<!-- Hour Hand -->
<path d="M256 272 l 48 32" stroke-width="24" />
<!-- Dial Tick Marks -->
<g stroke-width="12" opacity="0.6">
<line x1="256" y1="172" x2="256" y2="188" />
<line x1="256" y1="356" x2="256" y2="372" />
<line x1="172" y1="272" x2="188" y2="272" />
<line x1="340" y1="272" x2="324" y2="272" />
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

2
frontend/src/components/Navbar.tsx
View File

@@ -48,7 +48,7 @@ export function Navbar() {
<div className="flex justify-between h-16"> <div className="flex justify-between h-16">
<div className="flex"> <div className="flex">
<div className="flex-shrink-0 flex items-center"> <div className="flex-shrink-0 flex items-center">
<Clock className="h-8 w-8 text-primary-600" /> <img src="/icon.svg" alt="TimeTracker Logo" className="h-8 w-8 drop-shadow-sm" />
<span className="ml-2 text-xl font-bold text-gray-900"> <span className="ml-2 text-xl font-bold text-gray-900">
TimeTracker TimeTracker
</span> </span>

5
frontend/src/pages/LoginPage.tsx
View File

@@ -1,4 +1,3 @@
import { Clock } from 'lucide-react';
import { useAuth } from '@/contexts/AuthContext'; import { useAuth } from '@/contexts/AuthContext';
export function LoginPage() { export function LoginPage() {
@@ -8,8 +7,8 @@ export function LoginPage() {
<div className="min-h-screen flex items-center justify-center bg-gray-50"> <div className="min-h-screen flex items-center justify-center bg-gray-50">
<div className="max-w-md w-full space-y-8 p-8"> <div className="max-w-md w-full space-y-8 p-8">
<div className="text-center"> <div className="text-center">
<div className="mx-auto h-16 w-16 bg-primary-100 rounded-full flex items-center justify-center"> <div className="mx-auto h-16 w-16 flex items-center justify-center drop-shadow-sm">
<Clock className="h-8 w-8 text-primary-600" /> <img src="/icon.svg" alt="TimeTracker Logo" className="h-16 w-16" />
</div> </div>
<h2 className="mt-6 text-3xl font-bold text-gray-900">TimeTracker</h2> <h2 className="mt-6 text-3xl font-bold text-gray-900">TimeTracker</h2>
<p className="mt-2 text-sm text-gray-600"> <p className="mt-2 text-sm text-gray-600">