Changes buttons to avoid custom styling

This commit is contained in:
Robert
2023-07-06 16:54:24 +01:00
parent 261f11e30e
commit 7bda76347c

View File

@@ -60,15 +60,6 @@ const UnsavedLabel = styled.span`
border-radius: 0.2em;
`;
const TitleButton = styled(VSCodeButton)`
background-color: transparent;
&:hover {
pointer: cursor;
background-color: var(--vscode-button-secondaryBackground);
}
`;
const ButtonsContainer = styled.div`
display: flex;
gap: 0.4em;
@@ -144,14 +135,14 @@ export const LibraryRow = ({
</ModeledPercentage>
{hasUnsavedChanges ? <UnsavedLabel>UNSAVED</UnsavedLabel> : null}
</NameContainer>
<TitleButton onClick={handleModelWithAI}>
<VSCodeButton appearance="icon" onClick={handleModelWithAI}>
<Codicon name="lightbulb-autofix" label="Model with AI" />
&nbsp;Model with AI
</TitleButton>
<TitleButton onClick={handleModelFromSource}>
</VSCodeButton>
<VSCodeButton appearance="icon" onClick={handleModelFromSource}>
<Codicon name="code" label="Model from source" />
&nbsp;Model from source
</TitleButton>
</VSCodeButton>
</TitleContainer>
{isExpanded && (
<>