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/StyledMarkdownPreview.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/StyledMarkdownPreview.tsx')
| -rw-r--r-- | extension/react-app/src/components/StyledMarkdownPreview.tsx | 8 |
1 files changed, 6 insertions, 2 deletions
diff --git a/extension/react-app/src/components/StyledMarkdownPreview.tsx b/extension/react-app/src/components/StyledMarkdownPreview.tsx index f77360b2..78d4234c 100644 --- a/extension/react-app/src/components/StyledMarkdownPreview.tsx +++ b/extension/react-app/src/components/StyledMarkdownPreview.tsx @@ -7,8 +7,12 @@ import { vscForeground, } from "."; import MarkdownPreview from "@uiw/react-markdown-preview"; +import { getFontSize } from "../util"; -const StyledMarkdownPreview = styled(MarkdownPreview)<{ light?: boolean }>` +const StyledMarkdownPreview = styled(MarkdownPreview)<{ + light?: boolean; + fontSize?: number; +}>` pre { background-color: ${(props) => props.light ? vscBackground : secondaryDark}; @@ -34,7 +38,7 @@ const StyledMarkdownPreview = styled(MarkdownPreview)<{ light?: boolean }>` background-color: ${(props) => (props.light ? "transparent" : vscBackground)}; font-family: "Lexend", sans-serif; - font-size: 13px; + font-size: ${(props) => props.fontSize || getFontSize()}px; padding: 8px; color: ${vscForeground}; `; |