fix: adjust news image style

xima-media · Dec 18, 2024 · b7a72ff · b7a72ff
1 parent 95a4193
commit b7a72ff
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 7 deletions.
diff --git a/Resources/Private/Partials/Detail.html b/Resources/Private/Partials/Detail.html
@@ -19,6 +19,14 @@ <h2>{record.title}</h2>
     </f:if>
 </div>
 
+<f:if condition="{record.image}">
+    <div class="internal-news--image-container">
+        <div class="internal-news--image">
+            <f:image image="{record.image}" alt="{record.title}" width="760px"/>
+        </div>
+    </div>
+</f:if>
+
 <div class="internal-news--description">{record.description -> f:format.raw()}</div>
 <f:if condition="{record.nextDates}">
     <div class="internal-news--next-dates">
@@ -42,10 +50,4 @@ <h4>
         </ul>
     </div>
 </f:if>
-<div class="internal-news--image-container">
-    <f:if condition="{record.image}">
-        <div class="internal-news--image">
-            <f:image image="{record.image}" alt="{record.title}" width="760px"/>
-        </div>
-    </f:if>
-</div>
+
diff --git a/Resources/Public/Stylesheets/Backend.css b/Resources/Public/Stylesheets/Backend.css
@@ -96,6 +96,13 @@ small {
     gap: 0.5em;
 }
 
+.internal-news--image-container {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-bottom: 2em;
+}
+
 .internal-news .internal-news--image img {
     width: 100%;
     height: auto;