From 59db328b4bdc07c26a8c9dc6d1c676fb70e5448e Mon Sep 17 00:00:00 2001
From: Michal Vanko <mklakakilli@gmail.com>
Date: Wed, 21 Apr 2021 19:16:24 +0200
Subject: [PATCH] Center the images

---
 src/routes/blog/[slug].svelte | 25 +++++++++++++------------
 static/global.css             |  2 +-
 2 files changed, 14 insertions(+), 13 deletions(-)

diff --git a/src/routes/blog/[slug].svelte b/src/routes/blog/[slug].svelte
index 2e4254f..ba1de0e 100644
--- a/src/routes/blog/[slug].svelte
+++ b/src/routes/blog/[slug].svelte
@@ -23,6 +23,18 @@
   })
 </script>
 
+<svelte:head>
+  <title>{post.title}</title>
+  <link rel="stylesheet" href="/prism.css" />
+</svelte:head>
+
+<h1>{post.title}</h1>
+
+<div class="content">
+  {@html post.body}
+</div>
+<ArticleFooter {post} />
+
 <style>
   /*
 		By default, CSS is locally scoped to the component,
@@ -56,6 +68,7 @@
 
   .content :global(img) {
     max-width: 100%;
+    max-height: 640px;
     border-radius: 5px;
     box-shadow: 0px 0px 8px 1px #2d3935;
   }
@@ -65,15 +78,3 @@
     margin: 0 auto;
   }
 </style>
-
-<svelte:head>
-  <title>{post.title}</title>
-  <link rel="stylesheet" href="/prism.css" />
-</svelte:head>
-
-<h1>{post.title}</h1>
-
-<div class="content">
-  {@html post.body}
-</div>
-<ArticleFooter {post} />
diff --git a/static/global.css b/static/global.css
index b3b91ec..5c0d2e3 100644
--- a/static/global.css
+++ b/static/global.css
@@ -85,11 +85,11 @@ pre {
 
 figure {
   margin: 1em 0.5em;
+  text-align: center;
 }
 
 figcaption {
   font-size: 0.7em;
-  padding: 0 1em;
   font-style: italic;
 }