@@ -13,6 +13,8 @@ type AccountViewProps = {
1313export const AccountView = ( { userInfo, onDone } : AccountViewProps ) => {
1414 const { t } = useAppTranslation ( )
1515
16+ const rooLogoUri = ( window as any ) . IMAGES_BASE_URI + "/roo-logo.svg"
17+
1618 return (
1719 < div className = "flex flex-col h-full p-4 bg-vscode-editor-background" >
1820 < div className = "flex justify-between items-center mb-6" >
@@ -53,16 +55,23 @@ export const AccountView = ({ userInfo, onDone }: AccountViewProps) => {
5355 </ >
5456 ) : (
5557 < >
56- < div className = "flex flex-col items-center mb-6 text-center" >
57- < div className = "w-16 h-16 mb-3 rounded-full overflow-hidden bg-vscode-button-background flex items-center justify-center" >
58- < span className = "codicon codicon-account text-3xl" > </ span >
58+ < div className = "flex flex-col items-center mb-4 text-center" >
59+ < div className = "w-16 h-16 mb-4 flex items-center justify-center" >
60+ < div
61+ className = "w-12 h-12 bg-vscode-foreground"
62+ style = { {
63+ WebkitMaskImage : `url('${ rooLogoUri } ')` ,
64+ WebkitMaskRepeat : "no-repeat" ,
65+ WebkitMaskSize : "contain" ,
66+ maskImage : `url('${ rooLogoUri } ')` ,
67+ maskRepeat : "no-repeat" ,
68+ maskSize : "contain" ,
69+ } } >
70+ < img src = { rooLogoUri } alt = "Roo logo" className = "w-12 h-12 opacity-0" />
71+ </ div >
5972 </ div >
60- < h2 className = "text-lg font-medium text-vscode-foreground mb-1" > { t ( "account:signUpTitle" ) } </ h2 >
61- < p className = "text-sm text-vscode-descriptionForeground max-w-xs" >
62- { t ( "account:signUpDescription" ) }
63- </ p >
6473 </ div >
65- < div className = "flex flex-col gap-2 mt- 4" >
74+ < div className = "flex flex-col gap-4" >
6675 < VSCodeButton
6776 appearance = "primary"
6877 onClick = { ( ) => vscode . postMessage ( { type : "rooCloudSignIn" } ) }
0 commit comments