add bg gradient

This commit is contained in:
chark1es 2024-12-21 02:44:10 -08:00
parent 6501607bb4
commit 2b964ce4b9

View file

@ -4,26 +4,31 @@ import Navbar from "../components/Navbar.astro";
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" /> <meta name="viewport" content="width=device-width" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" /> <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="generator" content={Astro.generator} /> <meta name="generator" content={Astro.generator} />
<title>Astro Basics</title> <title>Astro Basics</title>
</head> </head>
<Navbar /> <Navbar />
<body class="bg-ieee_blue"> <body class="bg-bg_primary relative">
<slot /> <!-- Gradient overlay -->
</body> <div
class="fixed top-0 left-0 w-full h-full bg-gradient-radial from-top_gradient/80 to-transparent pointer-events-none z-[-10]"
>
</div>
<slot />
</body>
</html> </html>
<style> <style>
html, html,
body { body {
margin: 0; margin: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
</style> </style>