EP/website-typo3
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Streamline grid container layout with minimum column count

Browse Source
This commit is contained in:
Björn Fromme
2022-03-09 15:19:54 +01:00
parent 51660ee6d6
commit 8ccde3fb3a
3 changed files with 3 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/typo3conf/ext/ep_theme/Resources/Private/Templates/Container/Halves.html
+1 -1
View File
@@ -7,7 +7,7 @@
<f:section name="Main">
<ep:container data="{data}" cssClasses="py-8">
<f:render partial="Header/Header" arguments="{header: data.header, subheader: data.subheader, layout: data.header_layout, link: data.header_link}" />
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
<div class="grid grid-cols-2 gap-8">
<f:for each="{children_300}" as="record">
{record.renderedContent -> f:format.raw()}
</f:for>
public/typo3conf/ext/ep_theme/Resources/Private/Templates/Container/Quarters.html
+1 -1
View File
@@ -7,7 +7,7 @@
<f:section name="Main">
<ep:container data="{data}" cssClasses="py-8">
<f:render partial="Header/Header" arguments="{header: data.header, subheader: data.subheader, layout: data.header_layout, link: data.header_link}" />
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
<div class="grid grid-cols-2 lg:grid-cols-4 gap-4 md:gap-8">
<f:for each="{children_300}" as="record">
{record.renderedContent -> f:format.raw()}
</f:for>
public/typo3conf/ext/ep_theme/Resources/Private/Templates/Container/Teasergroup.html
+1 -5
View File
@@ -6,11 +6,7 @@
<f:section name="Main">
<div class="py-8 bg-ep-primary-bg">
<f:if condition="{data.header}">
<div class="container mb-8">
<f:render partial="Header/Header" arguments="{header: data.header, subheader: data.subheader, layout: data.header_layout, link: data.header_link, default: settings.defaultHeaderType}" />
</div>
</f:if>
<f:render partial="Header/Header" arguments="{header: data.header, subheader: data.subheader, layout: data.header_layout, link: data.header_link, default: settings.defaultHeaderType}" />
<div class="container"
data-controller="teasergrid"
data-teasergrid-grid-class="grid-cols-2"