Skip to content

Commit c330e57

Browse files
DevasyDevasy
committed
fix: configure Tailwind CSS for production build
- Remove CDN Tailwind and import maps from index.html - Install Tailwind CSS v4 with @tailwindcss/postcss - Add tailwind.config.js with custom theme (neo colors, fonts) - Add postcss.config.js for production builds - Create src/main.tsx as proper entry point with CSS import - Add src/index.css with Tailwind v4 @import syntax - Add netlify.toml for deployment configuration - Move from index.tsx to src/main.tsx for better structure
1 parent c941edd commit c330e57

File tree

8 files changed

+4060
-57
lines changed

8 files changed

+4060
-57
lines changed

‎web/index.html‎

Lines changed: 3 additions & 51 deletions
Original file line numberDiff line numberDiff line change
@@ -4,60 +4,12 @@
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
66
<title>Splitwiser</title>
7-
<script src="https://cdn.tailwindcss.com"></script>
87
<link rel="preconnect" href="https://fonts.googleapis.com">
98
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
109
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;700&display=swap" rel="stylesheet">
11-
<script>
12-
tailwind.config = {
13-
darkMode: 'class',
14-
theme: {
15-
extend: {
16-
fontFamily: {
17-
sans: ['Inter', 'sans-serif'],
18-
mono: ['Space Grotesk', 'monospace'],
19-
},
20-
colors: {
21-
neo: {
22-
main: '#8855ff',
23-
second: '#ff9900',
24-
accent: '#00cc88',
25-
bg: '#f0f0f0',
26-
dark: '#1a1a1a'
27-
}
28-
}
29-
}
30-
}
31-
}
32-
</script>
33-
<style>
34-
/* Scrollbar hiding for cleaner UI */
35-
.no-scrollbar::-webkit-scrollbar {
36-
display: none;
37-
}
38-
.no-scrollbar {
39-
-ms-overflow-style: none;
40-
scrollbar-width: none;
41-
}
42-
</style>
43-
<script type="importmap">
44-
{
45-
"imports": {
46-
"react-dom/": "https://aistudiocdn.com/react-dom@^19.2.0/",
47-
"react/": "https://aistudiocdn.com/react@^19.2.0/",
48-
"react": "https://aistudiocdn.com/react@^19.2.0",
49-
"axios": "https://aistudiocdn.com/axios@^1.13.2",
50-
"lucide-react": "https://aistudiocdn.com/lucide-react@^0.554.0",
51-
"recharts": "https://aistudiocdn.com/recharts@^3.5.0",
52-
"react-router-dom": "https://aistudiocdn.com/react-router-dom@^7.9.6",
53-
"framer-motion": "https://aistudiocdn.com/framer-motion@^11.13.1"
54-
}
55-
}
56-
</script>
57-
<link rel="stylesheet" href="/index.css">
58-
</head>
10+
</head>
5911
<body>
6012
<div id="root"></div>
61-
<script type="module" src="/index.tsx"></script>
62-
</body>
13+
<script type="module" src="/src/main.tsx"></script>
14+
</body>
6315
</html>

‎web/netlify.toml‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
[build]
2+
base = "web"
3+
command = "npm run build"
4+
publish = "dist"
5+
6+
[[redirects]]
7+
from = "/*"
8+
to = "/index.html"
9+
status = 200

0 commit comments

Comments
 (0)