centered image in speech view
This commit is contained in:
parent
bf0a242265
commit
7c24f570de
2 changed files with 12 additions and 2 deletions
|
@ -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 */
|
||||
|
|
|
@ -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">
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue