diff options
| author | Nate Sesti <sestinj@gmail.com> | 2023-09-24 11:27:24 -0700 |
|---|---|---|
| committer | Nate Sesti <sestinj@gmail.com> | 2023-09-24 11:27:24 -0700 |
| commit | 4ea176007d2228364d4d3fa4519898047cef988f (patch) | |
| tree | cc42a2c6c7cc5a449bd5c3891323b881350d6edd /extension/react-app/src/components/PillButton.tsx | |
| parent | 8c5f00155fe2d15a77bde21de72b07969c5561af (diff) | |
| download | sncontinue-4ea176007d2228364d4d3fa4519898047cef988f.tar.gz sncontinue-4ea176007d2228364d4d3fa4519898047cef988f.tar.bz2 sncontinue-4ea176007d2228364d4d3fa4519898047cef988f.zip | |
feat: :lipstick: setting to change font size
Diffstat (limited to 'extension/react-app/src/components/PillButton.tsx')
| -rw-r--r-- | extension/react-app/src/components/PillButton.tsx | 6 |
1 files changed, 4 insertions, 2 deletions
diff --git a/extension/react-app/src/components/PillButton.tsx b/extension/react-app/src/components/PillButton.tsx index 4e13428d..fb685a82 100644 --- a/extension/react-app/src/components/PillButton.tsx +++ b/extension/react-app/src/components/PillButton.tsx @@ -17,8 +17,9 @@ import { GUIClientContext } from "../App"; import { useDispatch } from "react-redux"; import { setBottomMessage } from "../redux/slices/uiStateSlice"; import { ContextItem } from "../../../schema/FullState"; +import { getFontSize } from "../util"; -const Button = styled.button` +const Button = styled.button<{ fontSize?: number }>` border: none; color: ${vscForeground}; background-color: ${secondaryDark}; @@ -27,7 +28,7 @@ const Button = styled.button` padding-left: 8px; padding-right: 8px; overflow: hidden; - font-size: 13px; + font-size: ${(props) => props.fontSize || getFontSize()}px; cursor: pointer; `; @@ -120,6 +121,7 @@ const PillButton = (props: PillButtonProps) => { return ( <div style={{ position: "relative" }}> <StyledButton + fontSize={getFontSize()} borderColor={props.editing ? (warning ? "red" : undefined) : undefined} onMouseEnter={() => { setIsHovered(true); |