marco/buildmymcpserver
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(web): banner background renders via inline color

Browse Source 
bg-[--color-accent] does not resolve under Tailwind v4 — the banner bar
showed near-black. Set #6366f1 inline so the preview notice is clearly
visible regardless of theme wiring.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Marco Sadjadi 2026-05-21 19:01:50 +02:00
parent cd428d5ba3
commit 617886352c
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
apps/web/components/site-banner.tsx
View File

@ -1,10 +1,14 @@
// Temporary pre-launch notice. Remove this component and its import in // Temporary pre-launch notice. Remove this component and its import in
// app/layout.tsx once the service is open for production use. // app/layout.tsx once the service is open for production use.
// Background is set inline so it renders regardless of Tailwind theme wiring.
export function SiteBanner() { export function SiteBanner() {
return ( return (
<div className="border-b border-[#4f46e5] bg-[--color-accent] px-4 py-2 text-center text-[12.5px] font-medium leading-snug text-white"> <div
style={{ backgroundColor: '#6366f1' }}
className="border-b border-[#4f46e5] px-4 py-2 text-center text-[12.5px] font-medium leading-snug text-white"
>
<span className="font-semibold uppercase tracking-wide">Preview</span> <span className="font-semibold uppercase tracking-wide">Preview</span>
<span className="px-1.5 opacity-60">·</span> <span className="px-1.5 opacity-70">·</span>
BuildMyMCPServer is not yet open for production use — sign-ups, server generation and billing BuildMyMCPServer is not yet open for production use — sign-ups, server generation and billing
are still being finalised, and data may be reset. are still being finalised, and data may be reset.
</div> </div>