scriptoriumadmin/Roo-Code
1
0
Fork 0
mirror of https://github.com/RooVetGit/Roo-Code.git synced 2026-10-08 03:07:53 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(web): correct Roomote banner color to #d8f14b and increase size

Browse source
This commit is contained in:
Roo Code 2026-04-20 19:47:32 +00:00
parent b22fdf46e0
commit cab2f09cb4
1 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
apps/web-roo-code/src/components/RoomoteAnnouncementBanner.tsx
View file

@ -4,13 +4,13 @@ import { ArrowRight } from "lucide-react"
export function RoomoteAnnouncementBanner() {
return (
<div className="relative overflow-hidden bg-[#c8f525] text-black">
<div className="relative flex flex-col sm:flex-row items-center justify-center gap-3 sm:gap-5 px-4 py-3.5 sm:py-4">
<div className="relative overflow-hidden bg-[#d8f14b] text-black">
<div className="relative flex flex-col sm:flex-row items-center justify-center gap-4 sm:gap-6 px-6 py-5 sm:py-6">
<div className="flex items-center gap-3">
<span className="inline-flex items-center rounded-full bg-black text-[#c8f525] px-3 py-1 text-xs font-bold uppercase tracking-wider">
<span className="inline-flex items-center rounded-full bg-black text-[#d8f14b] px-3.5 py-1 text-xs font-extrabold uppercase tracking-widest">
New
</span>
<p className="text-sm sm:text-base font-bold tracking-tight">
<p className="text-base sm:text-lg md:text-xl font-extrabold tracking-tight">
Introducing Roomote — the always-on engineer for your entire team
</p>
</div>
@ -18,9 +18,9 @@ export function RoomoteAnnouncementBanner() {
href="https://roomote.dev"
target="_blank"
rel="noopener noreferrer"
className="group inline-flex items-center gap-1.5 rounded-full bg-black text-white px-5 py-2 text-sm font-bold hover:bg-gray-900 transition-colors duration-200">
className="group inline-flex shrink-0 items-center gap-2 rounded-full bg-black text-white px-6 py-2.5 text-sm sm:text-base font-bold hover:bg-gray-900 transition-colors duration-200">
Learn more
<ArrowRight className="size-4 transition-transform duration-200 group-hover:translate-x-0.5" />
<ArrowRight className="size-4 sm:size-5 transition-transform duration-200 group-hover:translate-x-0.5" />
</a>
</div>
</div>