jules/astro-site-cerveau
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(v14-abf): toggle cols cacher seulement bidirectionnel + revert pastels transparent + footer align

Browse Source
This commit is contained in:
Jules Neny
2026-05-12 00:28:52 +02:00
parent b48b66bd76
commit bc7e394913
3 changed files with 39 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/components/astro/Footer.astro
View File

@@ -1,30 +1,32 @@
---
// Footer.astro - V1.2-L : 1 ligne 3 zones (nav / subscribe / logos RS)
// Style monochrome encre #0F172A palette terre V1.2
// Footer.astro - V1.4-F : 1 ligne 3 zones (nav / subscribe / logos RS).
// Alignement vertical centre + padding-y reduit (py-2) pour profil plus fin.
// Subscribe input/button compact (py-1) cale sur baseline des autres elements.
---
<footer class="border-t border-neutral-200 px-6 py-4 bg-[#FAFAF7] text-[#0F172A]">
<div class="flex flex-col md:flex-row md:items-center md:justify-between gap-3 md:gap-6">
<footer class="border-t border-neutral-200 px-6 py-2 bg-[#FAFAF7] text-[#0F172A]">
<div class="flex flex-col md:flex-row md:items-center md:justify-between gap-2 md:gap-6">
<!-- ZONE GAUCHE : liens nav -->
<nav class="flex gap-4 text-xs justify-center md:justify-start">
<nav class="flex gap-4 text-xs items-center justify-center md:justify-start">
<a href="/manifeste" data-manifeste-link class="opacity-60 hover:opacity-100 transition-opacity">Manifeste</a>
<a href="/a-propos" class="opacity-60 hover:opacity-100 transition-opacity">A propos</a>
<a href="/mentions-legales" class="opacity-60 hover:opacity-100 transition-opacity">Mentions legales</a>
</nav>
<!-- ZONE CENTRE : subscribe form compact (endpoint /api/subscribe V1.1-I) -->
<div class="flex flex-col items-center gap-1">
<!-- ZONE CENTRE : subscribe form compact (endpoint /api/subscribe V1.1-I).
V1.4-F : padding-y reduit (py-1) pour caler input sur la baseline des liens + logos. -->
<div class="flex flex-col items-center gap-0.5">
<form id="subscribe-form" class="flex gap-2 items-center">
<input
type="email"
name="email"
required
placeholder="ton@email.fr"
class="px-3 py-1.5 border border-neutral-300 rounded text-xs focus:outline-none focus:border-[#0F172A] bg-white"
class="px-3 py-1 border border-neutral-300 rounded text-xs focus:outline-none focus:border-[#0F172A] bg-white leading-tight"
/>
<button
type="submit"
class="px-3 py-1.5 bg-[#0F172A] text-white rounded text-xs hover:bg-[#475569] transition-colors whitespace-nowrap"
class="px-3 py-1 bg-[#0F172A] text-white rounded text-xs hover:bg-[#475569] transition-colors whitespace-nowrap leading-tight"
>
s'abonner
</button>
@@ -33,7 +35,7 @@
</div>
<!-- ZONE DROITE : logos RS cliquables (SVG inline, fill #0F172A 60%) -->
<!-- V1.3-F : gap-4 mobile / gap-6 desktop pour espacer les logos -->
<!-- V1.3-F : gap-4 mobile / gap-6 desktop pour espacer les logos. V1.4-F : items-center force baseline. -->
<div class="flex gap-4 md:gap-6 items-center justify-center md:justify-end text-[#0F172A]">
<!-- Instagram -->
<a