arthur/website
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/website.git synced 2026-01-23 08:20:33 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix header position

Browse Source
This commit is contained in:
Arthur Danjou
2024-02-26 20:06:26 +01:00
parent 8e3cc29602
commit c69bcc3643
2 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/header/Header.vue
View File

@@ -1,12 +1,14 @@
<template>
<header class="z-30 sticky top-0 left-0 flex justify-center w-full">
<div class="w-full px-4 sm:px-6 lg:px-8 sm:mx-8 max-w-7xl py-4 flex justify-between items-center bg-white dark:bg-zinc-900 border-b border-zinc-100 dark:border-zinc-300/10">
<div class="w-full px-4 sm:px-6 lg:px-8 sm:mx-8 max-w-7xl py-4 grid grid-cols-2 lg:grid-cols-3 md:grid-cols-3 bg-white dark:bg-zinc-900 border-b border-zinc-100 dark:border-zinc-300/10">
<Logo />
<NavBar />
<ClientOnly fallback-tag="div" class="flex gap-2 items-center">
<div class="grow flex justify-center">
<NavBar />
</div>
<div class="flex justify-end gap-2 items-center">
<ThemePicker />
<MobileNavBar />
</ClientOnly>
</div>
</div>
</header>
</template>