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

Improve layout of member detail page

Browse Source
This commit is contained in:
Björn Fromme
2022-06-09 09:51:09 +02:00
parent c1e0f53331
commit 2ecb937b9f
1 changed files with 25 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/typo3conf/ext/ep_theme/Resources/Private/Templates/Team/Show.html
+25 -23
View File
@@ -17,29 +17,31 @@
</f:if> </f:if>
</div> </div>
<div class="col-span-3 md:col-span-2"> <div class="col-span-3 md:col-span-2">
<span class="headline headline--secondary"> <p class="headline headline--secondary mb-6">
{member.name}<br><span>{member.tasks}</span> {member.name}<br><span class="text-xl">{member.tasks}</span>
</span> </p>
{member.description -> f:format.html()} <div data-rte-content>
<f:if condition="{member.email}"> {member.description -> f:format.html()}
<p> </div>
<f:link.email class="flex items-center space-x-2" email="{member.email}"> <f:if condition="{member.email} || {member.phone}">
<svg class="w-6 h-6 text-ep-primary"> <div class="mb-8 flex flex-col space-y-2">
<use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-email"></use> <f:if condition="{member.email}">
</svg> <f:link.email class="flex items-center space-x-2" email="{member.email}">
<span>{member.email}</span> <svg class="w-6 h-6 text-ep-primary">
</f:link.email> <use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-email"></use>
</p> </svg>
</f:if> <span>{member.email}</span>
<f:if condition="{member.phone}"> </f:link.email>
<p> </f:if>
<a class="flex items-center space-x-2" href="tel:{member.phone -> v:format.pregReplace(pattern: '/[\-\s]/', replacement: '')}" rel="nofollow"> <f:if condition="{member.phone}">
<svg class="w-6 h-6 text-ep-primary"> <a class="flex items-center space-x-2" href="tel:{member.phone -> v:format.pregReplace(pattern: '/[\-\s]/', replacement: '')}" rel="nofollow">
<use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-phone"></use> <svg class="w-6 h-6 text-ep-primary">
</svg> <use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-phone"></use>
<span>{member.phone}</span> </svg>
</a> <span>{member.phone}</span>
</p> </a>
</f:if>
</div>
</f:if> </f:if>
<a href="{f:uri.action( <a href="{f:uri.action(
pageUid: settings.teamListPid, pageUid: settings.teamListPid,