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

Artciles and Uses page

Browse Source
This commit is contained in:
Arthur Danjou
2023-08-12 22:58:00 +02:00
parent b90829a543
commit d97278c344
16 changed files with 267 additions and 113 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,15 +1,17 @@
<template>
<header class="w-container z-30 flex justify-between py-6 sticky top-0 left-0 bg-white dark:bg-zinc-900 border-b border-zinc-100 dark:border-zinc-300/10">
<Logo />
<NavBar />
<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">
<ColorPicker />
<ColorModeButton />
</div>
<MobileNavBar />
</ClientOnly>
<header class="z-30 sticky top-0 left-0 w-container bg-white dark:bg-zinc-900 border-b border-zinc-100 dark:border-zinc-300/10">
<div class="mx-auto px-4 sm:px-6 lg:px-8 max-w-7xl py-4 flex justify-between">
<Logo />
<NavBar />
<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">
<ColorPicker />
<ColorModeButton />
</div>
<MobileNavBar />
</ClientOnly>
</div>
</div>
</header>
</template>