Change footer background to #f1f1f1
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Sonnet 5
parent
d292bfc74c
commit
69d17a6f8f
+3
-2
@@ -298,8 +298,9 @@ Don't add `app/favicon.ico` (or `public/favicon.ico`) back.
|
|||||||
|
|
||||||
## Footer: light background, black text, sticky to viewport bottom
|
## Footer: light background, black text, sticky to viewport bottom
|
||||||
|
|
||||||
The footer is `bg-[#9a21291a]` (a ~10%-opacity red-tint, given as an exact
|
The footer is `bg-[#f1f1f1]` (exact hex given by the user, same neutral
|
||||||
hex by the user — not swapped for the closest design-token color) with
|
gray as `CartButton`'s background — not swapped for a design-token color;
|
||||||
|
an earlier version used a red-tinted `#9a21291a`, since replaced) with
|
||||||
black text throughout (`text-black`, `/70`, `/50`, `/10`, `/20` opacity
|
black text throughout (`text-black`, `/70`, `/50`, `/10`, `/20` opacity
|
||||||
steps) — it used to be a solid dark-red block with white text; don't revert
|
steps) — it used to be a solid dark-red block with white text; don't revert
|
||||||
to that. The footer logo (`logoDarkUrl ?? logoUrl`) is `h-[72px]`, doubled
|
to that. The footer logo (`logoDarkUrl ?? logoUrl`) is `h-[72px]`, doubled
|
||||||
|
|||||||
@@ -27,7 +27,7 @@ export function Footer({
|
|||||||
);
|
);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<footer className="border-t border-red-dark/15 bg-[#9a21291a] text-black">
|
<footer className="border-t border-red-dark/15 bg-[#f1f1f1] text-black">
|
||||||
<div className="mx-auto max-w-7xl px-4 py-12">
|
<div className="mx-auto max-w-7xl px-4 py-12">
|
||||||
<div className="grid gap-8 md:grid-cols-4">
|
<div className="grid gap-8 md:grid-cols-4">
|
||||||
<div>
|
<div>
|
||||||
|
|||||||
Reference in New Issue
Block a user