diff options
| -rw-r--r-- | extension/react-app/src/components/Layout.tsx | 5 | ||||
| -rw-r--r-- | extension/react-app/src/components/StyledMarkdownPreview.tsx | 2 | ||||
| -rw-r--r-- | extension/react-app/src/pages/history.tsx | 2 |
3 files changed, 6 insertions, 3 deletions
diff --git a/extension/react-app/src/components/Layout.tsx b/extension/react-app/src/components/Layout.tsx index 4bc1845f..de8b86d8 100644 --- a/extension/react-app/src/components/Layout.tsx +++ b/extension/react-app/src/components/Layout.tsx @@ -67,6 +67,7 @@ const GridDiv = styled.div` display: grid; grid-template-rows: 1fr auto; height: 100vh; + overflow-x: visible; `; // #endregion @@ -142,9 +143,7 @@ const Layout = () => { /> <GridDiv> - <div> - <Outlet /> - </div> + <Outlet /> <Footer> {localStorage.getItem("hideFeature") === "true" || ( <SparklesIcon diff --git a/extension/react-app/src/components/StyledMarkdownPreview.tsx b/extension/react-app/src/components/StyledMarkdownPreview.tsx index c633e621..f77360b2 100644 --- a/extension/react-app/src/components/StyledMarkdownPreview.tsx +++ b/extension/react-app/src/components/StyledMarkdownPreview.tsx @@ -14,6 +14,8 @@ const StyledMarkdownPreview = styled(MarkdownPreview)<{ light?: boolean }>` props.light ? vscBackground : secondaryDark}; border-radius: ${defaultBorderRadius}; border: 0.5px solid ${lightGray}; + + max-width: calc(100vw - 24px); } code { diff --git a/extension/react-app/src/pages/history.tsx b/extension/react-app/src/pages/history.tsx index 2a3070e6..a7e7276d 100644 --- a/extension/react-app/src/pages/history.tsx +++ b/extension/react-app/src/pages/history.tsx @@ -13,6 +13,8 @@ const Tr = styled.tr` &:hover { background-color: ${secondaryDark}; } + + overflow-wrap: anywhere; `; const parseDate = (date: string): Date => { |