diff options
Diffstat (limited to 'extension/react-app/src/components')
4 files changed, 12 insertions, 12 deletions
diff --git a/extension/react-app/src/components/ContinueButton.tsx b/extension/react-app/src/components/ContinueButton.tsx index 632acc75..10ecd94a 100644 --- a/extension/react-app/src/components/ContinueButton.tsx +++ b/extension/react-app/src/components/ContinueButton.tsx @@ -10,7 +10,7 @@ let StyledButton = styled(Button)<{ color?: string | null }>` margin-top: 8px; margin-bottom: 16px; display: grid; - grid-template-columns: 30px 1fr; + grid-template-columns: 22px 1fr; align-items: center; background: ${(props) => props.color || "#be1b55"}; @@ -52,7 +52,7 @@ function ContinueButton(props: { onClick?: () => void; hidden?: boolean }) { onClick={props.onClick} > {vscMediaUrl ? ( - <img src={`${vscMediaUrl}/play_button.png`} width="22px" /> + <img src={`${vscMediaUrl}/play_button.png`} width="16px" /> ) : ( <PlayIcon /> )} diff --git a/extension/react-app/src/components/ModelSelect.tsx b/extension/react-app/src/components/ModelSelect.tsx index dc58da9e..e6c0e9c9 100644 --- a/extension/react-app/src/components/ModelSelect.tsx +++ b/extension/react-app/src/components/ModelSelect.tsx @@ -67,7 +67,7 @@ const MODEL_INFO: { title: string; class: string; args: any }[] = [ }, }, { - title: "Continue Free Trial (gpt-4)", + title: "GPT-4 limited free trial", class: "MaybeProxyOpenAI", args: { model: "gpt-4", diff --git a/extension/react-app/src/components/StepContainer.tsx b/extension/react-app/src/components/StepContainer.tsx index ce7d9a58..a05aefb0 100644 --- a/extension/react-app/src/components/StepContainer.tsx +++ b/extension/react-app/src/components/StepContainer.tsx @@ -93,13 +93,13 @@ const GradientBorder = styled.div<{ ? props.borderColor : `repeating-linear-gradient( 101.79deg, - #12887a 0%, - #87245c 16%, - #e12637 33%, - #ffb215 55%, - #e12637 67%, - #87245c 85%, - #12887a 99% + #1BBE84 0%, + #331BBE 16%, + #BE1B55 33%, + #A6BE1B 55%, + #BE1B55 67%, + #331BBE 85%, + #1BBE84 99% )`}; animation: ${(props) => (props.loading ? gradient : "")} 6s linear infinite; background-size: 200% 200%; diff --git a/extension/react-app/src/components/index.ts b/extension/react-app/src/components/index.ts index f2e154bc..25e35dd1 100644 --- a/extension/react-app/src/components/index.ts +++ b/extension/react-app/src/components/index.ts @@ -6,8 +6,8 @@ export const lightGray = "#646464"; // export const secondaryDark = "rgb(45 45 45)"; // export const vscBackground = "rgb(30 30 30)"; export const vscBackgroundTransparent = "#1e1e1ede"; -export const buttonColor = "rgb(113 28 59)"; -export const buttonColorHover = "rgb(113 28 59 0.67)"; +export const buttonColor = "rgb(27 190 132)"; +export const buttonColorHover = "rgb(27 190 132 0.67)"; export const secondaryDark = "var(--vscode-list-hoverBackground)"; export const vscBackground = "var(--vscode-editor-background)"; |