Improve concept teaser layout
This commit is contained in:
@@ -7,17 +7,12 @@
|
|||||||
title="{concept.name}"
|
title="{concept.name}"
|
||||||
class="flex flex-col">
|
class="flex flex-col">
|
||||||
<f:render partial="TeaserImage" arguments="{image: concept.teaserImage}"/>
|
<f:render partial="TeaserImage" arguments="{image: concept.teaserImage}"/>
|
||||||
<f:if condition="{concept.code}">
|
|
||||||
<div class="bg-concept-{concept.code} text-white uppercase leading-none p-2">
|
|
||||||
{concept.name}
|
|
||||||
</div>
|
|
||||||
</f:if>
|
|
||||||
<div class="flex-1 py-4 px-2 bg-white border-l border-r border-gray-200">
|
<div class="flex-1 py-4 px-2 bg-white border-l border-r border-gray-200">
|
||||||
{concept.teaser -> f:format.crop(maxCharacters: settings.teaserTextMaxChars) -> f:format.html()}
|
{concept.teaser -> f:format.crop(maxCharacters: settings.teaserTextMaxChars) -> f:format.html()}
|
||||||
</div>
|
</div>
|
||||||
<button class="button w-full">
|
<div class="bg-concept-{concept.code} text-white uppercase leading-none p-2">
|
||||||
{f:translate(key: 'tx_eptheme.label.teaserbutton.default', extensionName: 'ep_theme')}
|
{concept.name}
|
||||||
</button>
|
</div>
|
||||||
</f:link.typolink>
|
</f:link.typolink>
|
||||||
</f:section>
|
</f:section>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user