Some styling fixups for the todo app (#2128)

Some style fixups for the TODO app as requested. I didn't keep the actual Electric colors cause we are using shadcn themed components so I just went with a similar color. I also hardcoded dark mode as it looks better. Good enough for this IMO but let me know. <img width="572" alt="Screenshot 2024-12-09 at 18 23 42" src="https://github.com/user-attachments/assets/61e4b0de-2fa3-4dad-878e-6b04187b0552"> <img width="577" alt="image" src="https://github.com/user-attachments/assets/528df9a2-e853-4623-ab06-c9659b5a5490">
electric-sql · Dec 10, 2024 · a2903ed · a2903ed
1 parent 6ca47df
commit a2903ed
Show file tree

Hide file tree

Showing 15 changed files with 200 additions and 1,124 deletions.
diff --git a/examples/todo-app/index.html b/examples/todo-app/index.html
@@ -2,6 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" type="image/x-icon" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>ElectricSQL Starter</title>
   </head>

diff --git a/examples/todo-app/package.json b/examples/todo-app/package.json
@@ -23,7 +23,6 @@
     "zod": "^3.23.8"
   },
   "devDependencies": {
-    "@capsizecss/metrics": "^3.2.0",
     "@databases/pg-migrations": "^5.0.3",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
@@ -41,8 +40,7 @@
     "pg": "^8.12.0",
     "shelljs": "^0.8.5",
     "typescript": "^5.4.5",
-    "vite": "^5.3.1",
-    "vite-plugin-capsize-radix": "^0.0.9"
+    "vite": "^5.3.1"
   },
   "homepage": "https://github.com/KyleAMathews/vite-react-router-electric-sql-starter#readme",
   "keywords": [
@@ -65,7 +63,7 @@
     "backend:down": "PROJECT_NAME=todo-app pnpm -C ../../ run example-backend:down",
     "build": "vite build",
     "db:migrate": "dotenv -e ../../.env.dev -- pnpm exec pg-migrations apply --directory ./db/migrations",
-    "dev": "concurrently \"vite\" \"node server.js\"",
+    "dev": "dotenv -e .env -- concurrently \"vite\" \"node server.js\"",
     "typecheck": "tsc --noEmit"
   }
 }
diff --git a/examples/todo-app/public/favicon.ico b/examples/todo-app/public/favicon.ico