Markdown Editor & Preview respect outer container & responsive;

[wtfsayo]

GitHub Issue

#440

Changes

1. Added a ContentWrapper around the Dialog Content
2. DialogMarkdown Editor & Preview mode now respect that outer content
3. ContentWrapper utilises viewport width to be responsive

Packages Added

none

Checks

Before making your PR, please check the following:

• Critical lint errors are resolved
• App runs locally
• App builds locally (run the build command for any impacted package and check for any errors before the PR)

[dekanbro]

This looks like a great solution. We may be able to get a little wider on mobile using one of these

isMobile hook:
https://github.com/HausDAO/monorepo/blob/develop/libs/ui/README.md?plain=1#L79

media queries with theme breakpoints
https://github.com/HausDAO/monorepo/blob/develop/apps/dev-sandbox/src/components/HomeContent.tsx#L37

[wtfsayo]

Thanks for your comments @dekanbro

however there is an issue to achieve better responsiveness on mobile:

monorepo/libs/ui/src/components/molecules/Dialog/Dialog.styles.ts

Line 44 in 63368ff

max-width: 80%;

Without changing DialogContent max-width it may require a lot of workaround

[dekanbro]

New Issue to track convo around Dialog theme #447