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/src/components | |
| 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/src/components')
| -rw-r--r-- | extension/react-app/src/components/Layout.tsx | 5 | ||||
| -rw-r--r-- | extension/react-app/src/components/StyledMarkdownPreview.tsx | 2 | 
2 files changed, 4 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 {  | 
