arthur/website
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/website.git synced 2026-01-29 03:10:39 +01:00
Code Issues Packages Projects Releases Wiki Activity

fixing header

Browse Source
This commit is contained in:
Arthur Danjou
2023-09-05 00:19:39 +02:00
parent 8cb6aa97b8
commit 68f5c068fb
1 changed files with 4 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -10,19 +10,17 @@ defineProps({
<template> <template>
<header class="z-30 sticky top-0 left-0 flex justify-center w-full"> <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 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 flex justify-between bg-white dark:bg-zinc-900 border-b border-zinc-100 dark:border-zinc-300/10">
<Logo />
<ClientOnly> <ClientOnly>
<Logo />
<NavBar v-if="navigation" /> <NavBar v-if="navigation" />
</ClientOnly> <div class="flex gap-2">
<div class="flex gap-2">
<ClientOnly>
<div class="flex items-center rounded-md p-1 gap-1 relative bg-black/5 text-sm font-medium text-zinc-700 dark:bg-zinc-800/90 dark:text-zinc-300"> <div class="flex items-center rounded-md p-1 gap-1 relative bg-black/5 text-sm font-medium text-zinc-700 dark:bg-zinc-800/90 dark:text-zinc-300">
<ColorPicker /> <ColorPicker />
<ColorModeButton /> <ColorModeButton />
</div> </div>
<MobileNavBar v-if="navigation" /> <MobileNavBar v-if="navigation" />
</ClientOnly> </div>
</div> </ClientOnly>
</div> </div>
</header> </header>
</template> </template>