feat(footer): kenardan kenara dev yazı logosu; footer'lı sayfada alt boşluk kapanır
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
@@ -117,7 +117,7 @@ export default function RootLayout({
|
|||||||
<div
|
<div
|
||||||
id="icerik"
|
id="icerik"
|
||||||
tabIndex={-1}
|
tabIndex={-1}
|
||||||
className="flex min-h-0 flex-1 flex-col pb-28 outline-none print:pb-0"
|
className="flex min-h-0 flex-1 flex-col pb-28 outline-none has-[[data-site-footer]]:pb-0 print:pb-0"
|
||||||
>
|
>
|
||||||
{children}
|
{children}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -25,8 +25,10 @@ export function SiteFooter() {
|
|||||||
.sort((a, b) => b.programSayisi - a.programSayisi)
|
.sort((a, b) => b.programSayisi - a.programSayisi)
|
||||||
.slice(0, 8);
|
.slice(0, 8);
|
||||||
|
|
||||||
|
// data-site-footer: layout'taki #icerik alt boşluğunu (pb-28) kapatır —
|
||||||
|
// dev yazı logosu ekranın altına yapışsın.
|
||||||
return (
|
return (
|
||||||
<footer className="border-t border-slate-200/70 pb-32 pt-12">
|
<footer data-site-footer className="border-t border-slate-200/70 pt-12">
|
||||||
<div className="mx-auto max-w-6xl px-4">
|
<div className="mx-auto max-w-6xl px-4">
|
||||||
<div className="grid gap-10 sm:grid-cols-2 lg:grid-cols-3">
|
<div className="grid gap-10 sm:grid-cols-2 lg:grid-cols-3">
|
||||||
<nav aria-label="Popüler bölümler">
|
<nav aria-label="Popüler bölümler">
|
||||||
@@ -218,6 +220,41 @@ export function SiteFooter() {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
{/* Dev yazı logosu: header'daki "KolayTercih" (Bricolage, ince + yarı
|
||||||
|
kalın) kenardan kenara, alttan kırpılmış ve aşağı doğru sönerek.
|
||||||
|
SVG + textLength: yazı her genişlikte kabı tam doldurur, font
|
||||||
|
ölçüsüne göre taşmaz. Renkler slate token'ı — koyu temada kendiliğinden
|
||||||
|
döner. Süs: ekran okuyucuya kapalı. */}
|
||||||
|
<svg
|
||||||
|
viewBox="0 0 1000 135"
|
||||||
|
aria-hidden
|
||||||
|
className="pointer-events-none mt-10 block w-full px-4 font-bricolage select-none"
|
||||||
|
>
|
||||||
|
<defs>
|
||||||
|
<linearGradient
|
||||||
|
id="footer-yazi-logo"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
x1="0"
|
||||||
|
y1="0"
|
||||||
|
x2="0"
|
||||||
|
y2="135"
|
||||||
|
>
|
||||||
|
<stop offset="0" style={{ stopColor: "var(--color-slate-900)" }} />
|
||||||
|
<stop offset="0.75" style={{ stopColor: "var(--color-slate-300)" }} />
|
||||||
|
<stop offset="1" style={{ stopColor: "var(--color-slate-200)" }} />
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
<text
|
||||||
|
x="0"
|
||||||
|
y="156"
|
||||||
|
fontSize="222"
|
||||||
|
textLength="1000"
|
||||||
|
fill="url(#footer-yazi-logo)"
|
||||||
|
>
|
||||||
|
<tspan className="font-light">Kolay</tspan>
|
||||||
|
<tspan className="font-semibold">Tercih</tspan>
|
||||||
|
</text>
|
||||||
|
</svg>
|
||||||
</footer>
|
</footer>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user