mirror of
				https://github.com/zadam/trilium.git
				synced 2025-11-03 20:06:08 +01:00 
			
		
		
		
	feat(website): very simple header
This commit is contained in:
		@@ -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>
 | 
				
			||||||
		Reference in New Issue
	
	Block a user