gatekeeper/mini
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: remove Tailwind CDN (CORS issue), use built-in Tailwind

Browse Source
This commit is contained in:
cawcenter
2025-12-14 22:35:36 -05:00
parent 4fafb3140e
commit 7aca758ba3
3 changed files with 70 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
astro.config.mjs
View File

@@ -12,7 +12,7 @@ export default defineConfig({
integrations: [
react(),
tailwind({
applyBaseStyles: false,
applyBaseStyles: true,
}),
],
vite: {

20
src/pages/index.astro
View File

@@ -16,26 +16,8 @@ export const prerender = false;
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>🔱 🔱 Valhalla - Spark God Mode</title>
<title>🔱 Valhalla - Spark God Mode</title>
<meta name="robots" content="noindex, nofollow">
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
darkMode: 'class',
theme: {
extend: {
colors: {
god: {
gold: '#FFD700',
dark: '#0a0a0a',
card: '#111111',
border: '#333333'
}
}
}
}
}
</script>
<style>
@keyframes pulse-gold {
0%, 100% { box-shadow: 0 0 0 0 rgba(255, 215, 0, 0.4); }

68
src/styles/global.css Normal file
View File

@@ -0,0 +1,68 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base {
:root {
--background: 0 0% 0%;
--foreground: 0 0% 100%;
--card: 0 0% 7%;
--card-foreground: 0 0% 100%;
--popover: 0 0% 15%;
--popover-foreground: 0 0% 100%;
--primary: 45 55% 53%;
--primary-foreground: 0 0% 0%;
--secondary: 0 0% 11%;
--secondary-foreground: 0 0% 100%;
--muted: 0 0% 7%;
--muted-foreground: 0 0% 82%;
--accent: 0 0% 15%;
--accent-foreground: 0 0% 100%;
--destructive: 0 72% 51%;
--destructive-foreground: 0 0% 100%;
--border: 0 0% 15%;
--input: 0 0% 10%;
--ring: 45 55% 53%;
--radius: 0.5rem;
}
}
@layer base {
* {
@apply border-border;
}
body {
@apply bg-background text-foreground;
font-feature-settings: "rlig" 1, "calt" 1;
}
}
/* God Mode specific */
@keyframes pulse-gold {
0%,
100% {
box-shadow: 0 0 0 0 rgba(255, 215, 0, 0.4);
}
50% {
box-shadow: 0 0 20px 10px rgba(255, 215, 0, 0.1);
}
}
.pulse-gold {
animation: pulse-gold 2s infinite;
}
.status-healthy {
color: #22c55e;
}
.status-unhealthy {
color: #ef4444;
}
.status-warning {
color: #eab308;
}