diff options
Diffstat (limited to 'src/content/dependencies/generateStickyHeadingContainer.js')
-rw-r--r-- | src/content/dependencies/generateStickyHeadingContainer.js | 18 |
1 files changed, 6 insertions, 12 deletions
diff --git a/src/content/dependencies/generateStickyHeadingContainer.js b/src/content/dependencies/generateStickyHeadingContainer.js index 5ea10765..8eb39e6c 100644 --- a/src/content/dependencies/generateStickyHeadingContainer.js +++ b/src/content/dependencies/generateStickyHeadingContainer.js @@ -6,21 +6,16 @@ export default { cover: {type: 'html'}, }, - generate(slots, {html}) { - const hasCover = !html.isBlank(slots.cover); + generate: (slots, {html}) => + html.tag('div', {class: 'content-sticky-heading-container'}, + !html.isBlank(slots.cover) && + {class: 'has-cover'}, - return html.tag('div', - { - class: [ - 'content-sticky-heading-container', - hasCover && 'has-cover', - ], - }, [ html.tag('div', {class: 'content-sticky-heading-row'}, [ html.tag('h1', slots.title), - hasCover && + !html.isBlank(slots.cover) && html.tag('div', {class: 'content-sticky-heading-cover-container'}, html.tag('div', {class: 'content-sticky-heading-cover'}, slots.cover.slot('mode', 'thumbnail'))), @@ -28,6 +23,5 @@ export default { html.tag('div', {class: 'content-sticky-subheading-row'}, html.tag('h2', {class: 'content-sticky-subheading'})), - ]); - }, + ]), }; |