|
|
@@ -7,17 +7,20 @@ const RooHero = () => {
|
|
|
})
|
|
|
|
|
|
return (
|
|
|
- <div
|
|
|
- style={{
|
|
|
- backgroundColor: "var(--vscode-foreground)",
|
|
|
- WebkitMaskImage: `url('${imagesBaseUri}/roo-logo.svg')`,
|
|
|
- WebkitMaskRepeat: "no-repeat",
|
|
|
- WebkitMaskSize: "contain",
|
|
|
- maskImage: `url('${imagesBaseUri}/roo-logo.svg')`,
|
|
|
- maskRepeat: "no-repeat",
|
|
|
- maskSize: "contain",
|
|
|
- }}>
|
|
|
- <img src={imagesBaseUri + "/roo-logo.svg"} alt="Roo logo" className="h-8 opacity-0" />
|
|
|
+ <div className="flex flex-col items-center justify-center pb-4 forced-color-adjust-none">
|
|
|
+ <div
|
|
|
+ style={{
|
|
|
+ backgroundColor: "var(--vscode-foreground)",
|
|
|
+ WebkitMaskImage: `url('${imagesBaseUri}/roo-logo.svg')`,
|
|
|
+ WebkitMaskRepeat: "no-repeat",
|
|
|
+ WebkitMaskSize: "contain",
|
|
|
+ maskImage: `url('${imagesBaseUri}/roo-logo.svg')`,
|
|
|
+ maskRepeat: "no-repeat",
|
|
|
+ maskSize: "contain",
|
|
|
+ }}
|
|
|
+ className="mx-auto">
|
|
|
+ <img src={imagesBaseUri + "/roo-logo.svg"} alt="Roo logo" className="h-8 opacity-0" />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
)
|
|
|
}
|