diff options
| author | Nate Sesti <sestinj@gmail.com> | 2023-09-05 11:41:30 -0700 |
|---|---|---|
| committer | Nate Sesti <sestinj@gmail.com> | 2023-09-05 11:41:30 -0700 |
| commit | b6557810d70a7f341761d5018fa2835cc3a50af1 (patch) | |
| tree | facc087368dc135442ce5a6592decccda923e899 /extension/react-app | |
| parent | c8cc9398b97ceda16be5d196bdfa22461dcd00ad (diff) | |
| download | sncontinue-b6557810d70a7f341761d5018fa2835cc3a50af1.tar.gz sncontinue-b6557810d70a7f341761d5018fa2835cc3a50af1.tar.bz2 sncontinue-b6557810d70a7f341761d5018fa2835cc3a50af1.zip | |
fix: :lipstick: fix layout bugs
Diffstat (limited to 'extension/react-app')
| -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 => { |