diff options
| author | Nate Sesti <sestinj@gmail.com> | 2023-08-03 19:49:22 -0700 |
|---|---|---|
| committer | Nate Sesti <sestinj@gmail.com> | 2023-08-03 19:49:22 -0700 |
| commit | f4051a73b4961de26e7b8c4bf297de8eda57e39a (patch) | |
| tree | 6967cb658dfda2dd22fbc93f4d81df267a9e80ef /extension/react-app/src/components/PillButton.tsx | |
| parent | bc629207c8590216e32dff5fa437fc02450845fe (diff) | |
| download | sncontinue-f4051a73b4961de26e7b8c4bf297de8eda57e39a.tar.gz sncontinue-f4051a73b4961de26e7b8c4bf297de8eda57e39a.tar.bz2 sncontinue-f4051a73b4961de26e7b8c4bf297de8eda57e39a.zip | |
refactor: :lipstick: smaller icons
Diffstat (limited to 'extension/react-app/src/components/PillButton.tsx')
| -rw-r--r-- | extension/react-app/src/components/PillButton.tsx | 11 |
1 files changed, 7 insertions, 4 deletions
diff --git a/extension/react-app/src/components/PillButton.tsx b/extension/react-app/src/components/PillButton.tsx index 8e5f896e..586c49f0 100644 --- a/extension/react-app/src/components/PillButton.tsx +++ b/extension/react-app/src/components/PillButton.tsx @@ -28,8 +28,11 @@ const Button = styled.button` color: ${vscForeground}; background-color: ${secondaryDark}; border-radius: ${defaultBorderRadius}; - padding: 8px; + padding: 4px; + padding-left: 8px; + padding-right: 8px; overflow: hidden; + font-size: 13px; cursor: pointer; `; @@ -50,7 +53,6 @@ const GridDiv = styled.div` const ButtonDiv = styled.div<{ backgroundColor: string }>` background-color: ${secondaryDark}; - padding: 3px; height: 100%; display: flex; align-items: center; @@ -81,6 +83,7 @@ interface PillButtonProps { warning?: string; index: number; addingHighlightedCode?: boolean; + areMultipleItems?: boolean; } const PillButton = (props: PillButtonProps) => { @@ -134,8 +137,8 @@ const PillButton = (props: PillButtonProps) => { position: "relative", borderColor: props.warning ? "red" - : props.item.editing - ? "#8800aa" + : props.item.editing && props.areMultipleItems + ? vscForeground : "transparent", borderWidth: "1px", borderStyle: "solid", |