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 <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" 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'à"> <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> </a>
<div class="flex items-center gap-6"> <div class="flex items-center gap-6">
<!-- Desktop --> <!-- Desktop -->
<ul class="hidden md:flex gap-7 list-none"> <ul class="hidden md:flex gap-8 list-none">
{ {
links.map((link) => ( links.map((link) => (
<li> <li>
<a <a
href={link.href} href={link.href}
class:list={[ class:list={[
"text-sm font-medium no-underline transition-colors", "text-base font-medium no-underline transition-colors",
currentPath === link.href currentPath === link.href
? "text-slate-900 dark:text-white border-b-2 border-brand-cyan pb-0.5" ? "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", : "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) --> <!-- soleil (visible en mode sombre) -->
<svg <svg
class="hidden dark:block" class="hidden dark:block"
width="20" width="22"
height="20" height="22"
viewBox="0 0 24 24" viewBox="0 0 24 24"
fill="none" fill="none"
stroke="currentColor" stroke="currentColor"
@ -69,8 +69,8 @@ const links = [
<!-- lune (visible en mode clair) --> <!-- lune (visible en mode clair) -->
<svg <svg
class="block dark:hidden" class="block dark:hidden"
width="20" width="22"
height="20" height="22"
viewBox="0 0 24 24" viewBox="0 0 24 24"
fill="none" fill="none"
stroke="currentColor" stroke="currentColor"
@ -118,7 +118,7 @@ const links = [
<li> <li>
<a <a
href={link.href} 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} {link.label}
</a> </a>