paul.atlan/ia-qua-blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(nav): logo et police de navigation agrandis

Browse Source
This commit is contained in:
Paul Atlan 2026-05-30 22:24:46 +02:00
parent d526634a07
commit caf274a019
1 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/Navbar.astro
View File

@ -16,21 +16,21 @@ const links = [
<nav
class="sticky top-0 z-50 border-b border-slate-200 dark:border-slate-800 bg-canvas-light/80 dark:bg-canvas-dark/80 backdrop-blur-md"
>
<div class="max-w-6xl mx-auto px-6 py-4 flex items-center justify-between">
<div class="max-w-6xl mx-auto px-6 py-5 flex items-center justify-between">
<a href="/" class="no-underline shrink-0" aria-label="Accueil — IA qu'à">
<BrandLogo class="h-10 w-auto" />
<BrandLogo class="h-14 w-auto" />
</a>
<div class="flex items-center gap-6">
<!-- Desktop -->
<ul class="hidden md:flex gap-7 list-none">
<ul class="hidden md:flex gap-8 list-none">
{
links.map((link) => (
<li>
<a
href={link.href}
class:list={[
"text-sm font-medium no-underline transition-colors",
"text-base font-medium no-underline transition-colors",
currentPath === link.href
? "text-slate-900 dark:text-white border-b-2 border-brand-cyan pb-0.5"
: "text-slate-500 dark:text-slate-400 hover:text-slate-900 dark:hover:text-white",
@ -52,8 +52,8 @@ const links = [
<!-- soleil (visible en mode sombre) -->
<svg
class="hidden dark:block"
width="20"
height="20"
width="22"
height="22"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
@ -69,8 +69,8 @@ const links = [
<!-- lune (visible en mode clair) -->
<svg
class="block dark:hidden"
width="20"
height="20"
width="22"
height="22"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
@ -118,7 +118,7 @@ const links = [
<li>
<a
href={link.href}
class="text-sm font-medium text-slate-500 dark:text-slate-400 no-underline hover:text-slate-900 dark:hover:text-white"
class="text-base font-medium text-slate-500 dark:text-slate-400 no-underline hover:text-slate-900 dark:hover:text-white"
>
{link.label}
</a>