biggy/budget-manager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add global styles and transitions for dark mode support

Browse Source 
- Created style.css for base styles and color variables for light and dark themes.
- Added tailwind.css for Tailwind CSS integration and custom theme variables.
- Introduced transitions.css to manage global transitions and reduce motion preferences.
- Updated tsconfig.app.json to include path aliases for easier imports.
- Modified tsconfig.json to set baseUrl and paths for module resolution.
- Added typed-router.d.ts for auto-generated route types.
- Enhanced vite.config.ts with Vue Router plugin, Tailwind CSS integration, and server proxy settings.
This commit is contained in:
biggy
2025-05-23 21:35:43 +02:00
parent 97908db3e0
commit 26e3b76b11
102 changed files with 14233 additions and 668 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/index.html
+24 -3
View File
@@ -2,12 +2,33 @@
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite + Vue + TS</title>
<link rel="icon" type="image/svg+xml" href="/icons/icon-192px.jpg" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0" />
<meta
name="description"
content="Budget Manager PWA for tracking your finances" />
<meta name="theme-color" content="#3b82f6" />
<link rel="manifest" href="/manifest.json" />
<link rel="apple-touch-icon" href="/icons/icon-192px.jpg" />
<!-- iOS PWA support -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta
name="apple-mobile-web-app-status-bar-style"
content="black-translucent" />
<meta name="apple-mobile-web-app-title" content="Budget Manager" />
<title>Budget Manager</title>
</head>
<body>
<div id="app"></div>
<script type="module" src="/src/main.ts"></script>
<!-- PWA no-JS fallback -->
<noscript>
<div style="padding: 20px; text-align: center">
<h1>Budget Manager</h1>
<p>This application requires JavaScript to be enabled.</p>
</div>
</noscript>
</body>
</html>