diff --git a/styles/notion.css b/styles/notion.css index 22cd7c4..ab3547e 100644 --- a/styles/notion.css +++ b/styles/notion.css @@ -1,7 +1,7 @@ /** * This file contains site-specifc style overrides for Notion elements from * react-notion-x. - * + * * react-notion-x's goal is to match styling as close as possible to Notion, * whereas our goal with this site is to adjust Notion's styling in a few key * places to add some flare. @@ -34,6 +34,13 @@ margin-bottom: 1em; } +/* <-- Fix embedded video's size overflows its container */ +.notion-asset-wrapper-video > div, +.notion-asset-wrapper-video video { + width: 100% !important; +} +/* Fix embedded video's size overflows its container --> */ + .notion-header .nav-header { max-width: 1100px; margin: 0 auto;