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
|
||||
id="icerik"
|
||||
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}
|
||||
</div>
|
||||
|
||||
@@ -25,8 +25,10 @@ export function SiteFooter() {
|
||||
.sort((a, b) => b.programSayisi - a.programSayisi)
|
||||
.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 (
|
||||
<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="grid gap-10 sm:grid-cols-2 lg:grid-cols-3">
|
||||
<nav aria-label="Popüler bölümler">
|
||||
@@ -218,6 +220,41 @@ export function SiteFooter() {
|
||||
/>
|
||||
</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>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user