diff --git a/src/component/bar/Menu.css b/src/component/bar/Menu.css index be44cb5..d257594 100644 --- a/src/component/bar/Menu.css +++ b/src/component/bar/Menu.css @@ -214,9 +214,30 @@ width: 100%; } - .Menu .top-right-bar button { + .Menu .top-right-bar .immediate { margin: 16px auto; width: fit-content; + box-sizing: border-box; + + /* Auto layout */ + + flex-direction: row; + align-items: center; + + padding: 16px 24px; + gap: 19px; + position: relative; + font-size: 16px; + line-height: 150%; + color: var(--text-neutral-0); + + background: var(--accent-blue); + border: 1px solid var(--accent-blue) --primary-blue-100; + + /* Button drop shadow */ + + box-shadow: 0 0 20px rgba(0, 0, 0, 0.08); + border-radius: 200px; } .Menu .split-bar { diff --git a/src/component/bar/Menu.jsx b/src/component/bar/Menu.jsx index 65e0f25..c55219f 100644 --- a/src/component/bar/Menu.jsx +++ b/src/component/bar/Menu.jsx @@ -305,14 +305,11 @@ export default class Menu extends React.Component {
- - + + + diff --git a/src/utils/article.jsx b/src/utils/article.jsx index dff65ab..4bea45a 100644 --- a/src/utils/article.jsx +++ b/src/utils/article.jsx @@ -25,19 +25,13 @@ export function getContentFromBlock(b) { } } else if (b.type === "FRAME") { if (b.content !== null) { - // Sanitize and validate the content as a URL - const sanitizedContent = dompurify.sanitize(b.content.replace("<", "<").replace(">", ">")); - - // Create the iframe element directly el =
- +
"), + } + } />
; } }