add nav component to layout base
This commit is contained in:
parent
d9e0b9156a
commit
1fdd45316e
2 changed files with 27 additions and 22 deletions
|
@ -1,22 +1,29 @@
|
|||
---
|
||||
import Navbar from "../components/Navbar.astro";
|
||||
---
|
||||
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
||||
<meta name="generator" content={Astro.generator} />
|
||||
<title>Astro Basics</title>
|
||||
</head>
|
||||
<body class="bg-ieee_blue">
|
||||
<slot />
|
||||
</body>
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
||||
<meta name="generator" content={Astro.generator} />
|
||||
<title>Astro Basics</title>
|
||||
</head>
|
||||
|
||||
<Navbar client:load />
|
||||
|
||||
<body class="bg-ieee_blue">
|
||||
<slot />
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<style>
|
||||
html,
|
||||
body {
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
html,
|
||||
body {
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
</style>
|
||||
|
|
|
@ -1,12 +1,10 @@
|
|||
---
|
||||
import Welcome from '../components/Welcome.astro';
|
||||
import Navbar from '../components/Navbar.astro';
|
||||
import Layout from '../layouts/Layout.astro';
|
||||
import Welcome from "../components/Welcome.astro";
|
||||
import Navbar from "../components/Navbar.astro";
|
||||
import Layout from "../layouts/Layout.astro";
|
||||
|
||||
// Welcome to Astro! Wondering what to do next? Check out the Astro documentation at https://docs.astro.build
|
||||
// Don't want to use any of this? Delete everything in this file, the `assets`, `components`, and `layouts` directories, and start fresh.
|
||||
---
|
||||
|
||||
<Layout>
|
||||
<Navbar />
|
||||
</Layout>
|
||||
<Layout />
|
||||
|
|
Loading…
Reference in a new issue