diff --git a/src/components/Article/Article.Block.tsx b/src/components/Article/Article.Block.tsx
index 6ec07b3..dfef7a6 100644
--- a/src/components/Article/Article.Block.tsx
+++ b/src/components/Article/Article.Block.tsx
@@ -7,7 +7,7 @@ import {
extractInnerHtml,
} from '@/utils/html.utils'
import { HeadingElementsRef } from '@/utils/ui.utils'
-import { Typography } from '@acid-info/lsd-react'
+import { Quote, Typography } from '@acid-info/lsd-react'
import { css } from '@emotion/react'
import styled from '@emotion/styled'
import clsx from 'clsx'
@@ -45,9 +45,8 @@ export const RenderArticleBlock = ({
}
case 'p': {
const isIframe = block.embed && block.labels.includes('embed')
-
- return block.embed && isIframe ? (
- block.labels.includes('youtube_embed') ? (
+ if (block.embed && isIframe) {
+ return block.labels.includes('youtube_embed') ? (
@@ -59,7 +58,29 @@ export const RenderArticleBlock = ({
}}
/>
)
- ) : (
+ }
+
+ if (
+ block.classNames.includes('subtitle') &&
+ block.classNames.includes('u-with-margin-left')
+ ) {
+ return (
+
+ )
+ }
+
+ return (
{
data.content.filter(
(b) =>
b.labels.length === 0 ||
- b.labels.includes(LPE.Post.ContentBlockLabels.Embed),
+ b.labels.includes(LPE.Post.ContentBlockLabels.Embed) ||
+ (b.labels.includes(LPE.Post.ContentBlockLabels.Subtitle) &&
+ b.order > 5),
),
[data.content],
)