mirror of
				https://github.com/TriliumNext/Notes.git
				synced 2025-10-31 21:11:30 +08:00 
			
		
		
		
	feat(website): very simple header
This commit is contained in:
		
							parent
							
								
									77213a0dbe
								
							
						
					
					
						commit
						e66e70f7f2
					
				| @ -1,7 +1,10 @@ | |||||||
| <script lang="ts"> | <script lang="ts"> | ||||||
| 	import '../app.css'; | 	import '../app.css'; | ||||||
|  |     import Header from './header.svelte'; | ||||||
| 	 | 	 | ||||||
| 	let { children } = $props(); | 	let { children } = $props(); | ||||||
| </script> | </script> | ||||||
| 
 | 
 | ||||||
|  | <Header /> | ||||||
|  | 
 | ||||||
| {@render children()} | {@render children()} | ||||||
|  | |||||||
| @ -1,2 +1,2 @@ | |||||||
| <h1>Welcome to SvelteKit</h1> | <h1>Welcome to SvelteKitt</h1> | ||||||
| <p>Visit <a href="https://svelte.dev/docs/kit">svelte.dev/docs/kit</a> to read the documentation</p> | <p>Visit <a href="https://svelte.dev/docs/kit">svelte.dev/docs/kit</a> to read the documentation</p> | ||||||
|  | |||||||
							
								
								
									
										18
									
								
								apps/website/src/routes/header.svelte
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										18
									
								
								apps/website/src/routes/header.svelte
									
									
									
									
									
										Normal file
									
								
							| @ -0,0 +1,18 @@ | |||||||
|  | <header class="header"> | ||||||
|  |     <div class="container mx-auto flex items-center"> | ||||||
|  |         <div class="header-logo"> | ||||||
|  |             Logo goes here. | ||||||
|  |         </div> | ||||||
|  | 
 | ||||||
|  |         <div class="group w-full"> | ||||||
|  |             <nav class="header-nav"> | ||||||
|  |                 <ul class="flex items-center justify-end gap-4"> | ||||||
|  |                     <li><a href="/">Home</a></li> | ||||||
|  |                     <li><a href="/about">About</a></li> | ||||||
|  |                     <li><a href="/services">Services</a></li> | ||||||
|  |                     <li><a href="/contact">Contact</a></li> | ||||||
|  |                 </ul> | ||||||
|  |             </nav> | ||||||
|  |         </div> | ||||||
|  |     </div> | ||||||
|  | </header> | ||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user
	 Elian Doran
						Elian Doran