| author |  maria <maria@kuuro.net> 2026-07-19 17:02:23-04:00 |
| committer |  GitHub <noreply@github.com> 2026-07-19 21:02:23+00:00 |
| log | b511227b7ad421c422f1ebca65116776020e4799 |
| tree | 43396763bc5929a390eb244672e836e32f31a239 |
| parent | 69c8be2ee54e3aff9c90b98d8e10aeafd0aaae2e |
| signature | Signed by PGP key B5690EEEBB952194 |
fix(web): improve dev sidebar backdrop contrast & remove version pills (#4166)
2 files changed, 4 insertions(+), 14 deletions(-)
apps
web
src
components
apps/web/src/components/Sidebar.tsx+2-12
| ... | ... | @@ -2762,12 +2762,12 @@ const SidebarChromeHeader = memo(function SidebarChromeHeader({ |
| 2762 | 2762 | backdropVariant && "hover:bg-white/15 [&_svg]:text-white/85! [&_svg]:hover:text-white!", |
| 2763 | 2763 | )} |
| 2764 | 2764 | /> |
| 2765 | <SidebarBrand onBackdrop={backdropVariant !== null} stageLabel={stageLabel} /> | |
| 2765 | <SidebarBrand onBackdrop={backdropVariant !== null} /> | |
| 2766 | 2766 | </SidebarHeader> |
| 2767 | 2767 | ); |
| 2768 | 2768 | }); |
| 2769 | 2769 | |
| 2770 | function SidebarBrand({ stageLabel, onBackdrop }: { stageLabel: string; onBackdrop: boolean }) { | |
| 2770 | function SidebarBrand({ onBackdrop }: { onBackdrop: boolean }) { | |
| 2771 | 2771 | return ( |
| 2772 | 2772 | <Link |
| 2773 | 2773 | aria-label="Go to threads" |
| ... | ... | @@ -2786,16 +2786,6 @@ function SidebarBrand({ stageLabel, onBackdrop }: { stageLabel: string; onBackdr |
| 2786 | 2786 | > |
| 2787 | 2787 | Code |
| 2788 | 2788 | </span> |
| 2789 | <span | |
| 2790 | className={cn( | |
| 2791 | "sidebar-brand-stage shrink-0 items-center whitespace-nowrap rounded-full px-1.5 py-0.5 text-[8px] font-medium uppercase tracking-[0.18em]", | |
| 2792 | onBackdrop | |
| 2793 | ? "bg-white/15 text-white/80 backdrop-blur-sm" | |
| 2794 | : "bg-muted/50 text-muted-foreground/60", | |
| 2795 | )} | |
| 2796 | > | |
| 2797 | {stageLabel} | |
| 2798 | </span> | |
| 2799 | 2789 | </Link> |
| 2800 | 2790 | ); |
| 2801 | 2791 | } |
apps/web/src/components/SidebarStageBackdrop.tsx+2-2
| ... | ... | @@ -201,9 +201,9 @@ function DevBlueprintArt() { |
| 201 | 201 | gradientUnits="userSpaceOnUse" |
| 202 | 202 | spreadMethod="reflect" |
| 203 | 203 | > |
| 204 | <stop style={{ stopColor: "var(--stage-bp-top)" }} /> | |
| 204 | <stop style={{ stopColor: "var(--stage-bp-bottom)" }} /> | |
| 205 | 205 | <stop offset="0.5" style={{ stopColor: "var(--stage-bp-mid)" }} /> |
| 206 | <stop offset="1" style={{ stopColor: "var(--stage-bp-bottom)" }} /> | |
| 206 | <stop offset="1" style={{ stopColor: "var(--stage-bp-top)" }} /> | |
| 207 | 207 | </linearGradient> |
| 208 | 208 | <radialGradient |
| 209 | 209 | id="stage-bp-glow" |