centered image in speech view

This commit is contained in:
Jonas Werner 2025-03-20 15:16:23 +01:00
parent bf0a242265
commit 7c24f570de
2 changed files with 12 additions and 2 deletions

View file

@ -82,7 +82,14 @@ body {
main {
width: 80%;
flex: 1
}
.centered-content {
display: flex;
justify-content: center;
align-items: center;
padding: 0 auto;
}
/* Heading Styling */

View file

@ -32,11 +32,14 @@
<br>
<main>
<#if picture??>
<img style="max-width: 400px; height: auto;" src="data:image/jpeg;base64,${picture}" alt="Foto von ${s.speakerName}" />
<div class="centered-content">
<img style="max-width: 400px; height: auto; margin-bottom: 20px" src="data:image/jpeg;base64,${picture}" alt="Foto von ${s.speakerName}" />
</div>
<#else>
<h2>(kein Foto verfügbar)</h2>
</#if>
<br> <br>
<br>
<br>
<#list s.content as c>
<#include "speechContent.ftl">