Update styles

This commit is contained in:
Saoud Rizwan
2024-09-23 20:33:20 -04:00
parent 1ab7d55ef7
commit f774e62c13
3 changed files with 24 additions and 30 deletions

View File

@@ -136,19 +136,17 @@ const ApiOptions = ({ showModelOptions, apiErrorMessage }: ApiOptionsProps) => {
<span style={{ fontWeight: 500 }}>Anthropic API Key</span> <span style={{ fontWeight: 500 }}>Anthropic API Key</span>
</VSCodeTextField> </VSCodeTextField>
<div style={{ marginTop: 2 }}> <VSCodeCheckbox
<VSCodeCheckbox checked={anthropicBaseUrlSelected}
checked={anthropicBaseUrlSelected} onChange={(e: any) => {
onChange={(e: any) => { const isChecked = e.target.checked === true
const isChecked = e.target.checked === true setAnthropicBaseUrlSelected(isChecked)
setAnthropicBaseUrlSelected(isChecked) if (!isChecked) {
if (!isChecked) { setApiConfiguration({ ...apiConfiguration, anthropicBaseUrl: "" })
setApiConfiguration({ ...apiConfiguration, anthropicBaseUrl: "" }) }
} }}>
}}> Use custom base URL
Use custom base URL </VSCodeCheckbox>
</VSCodeCheckbox>
</div>
{anthropicBaseUrlSelected && ( {anthropicBaseUrlSelected && (
<VSCodeTextField <VSCodeTextField
@@ -415,19 +413,17 @@ const ApiOptions = ({ showModelOptions, apiErrorMessage }: ApiOptionsProps) => {
placeholder={"Enter Model ID..."}> placeholder={"Enter Model ID..."}>
<span style={{ fontWeight: 500 }}>Model ID</span> <span style={{ fontWeight: 500 }}>Model ID</span>
</VSCodeTextField> </VSCodeTextField>
<div style={{ marginTop: 2 }}> <VSCodeCheckbox
<VSCodeCheckbox checked={azureApiVersionSelected}
checked={azureApiVersionSelected} onChange={(e: any) => {
onChange={(e: any) => { const isChecked = e.target.checked === true
const isChecked = e.target.checked === true setAzureApiVersionSelected(isChecked)
setAzureApiVersionSelected(isChecked) if (!isChecked) {
if (!isChecked) { setApiConfiguration({ ...apiConfiguration, azureApiVersion: "" })
setApiConfiguration({ ...apiConfiguration, azureApiVersion: "" }) }
} }}>
}}> Set Azure API version
Set Azure API version </VSCodeCheckbox>
</VSCodeCheckbox>
</div>
{azureApiVersionSelected && ( {azureApiVersionSelected && (
<VSCodeTextField <VSCodeTextField
value={apiConfiguration?.azureApiVersion || ""} value={apiConfiguration?.azureApiVersion || ""}

View File

@@ -840,7 +840,7 @@ const Markdown = memo(({ markdown }: { markdown?: string }) => {
fontSize: "var(--vscode-editor-font-size)", fontSize: "var(--vscode-editor-font-size)",
borderRadius: "3px", borderRadius: "3px",
border: "1px solid var(--vscode-textSeparator-foreground)", border: "1px solid var(--vscode-textSeparator-foreground)",
// padding: "2px 4px", padding: "0px 2px",
}}> }}>
{children} {children}
</code> </code>

View File

@@ -19,9 +19,7 @@ html {
body { body {
margin: 0; margin: 0;
} line-height: 1.3;
body, body * {
line-height: 1.5em;
} }
body.scrollable, body.scrollable,