From f314b49a857659e8e0785f0d67241e09cdff7aa8 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Mon, 29 May 2023 10:13:46 +0200
Subject: [PATCH] better main illustration size

---
 src/layouts/post.vue | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/layouts/post.vue b/src/layouts/post.vue
index ede79df..05c8217 100644
--- a/src/layouts/post.vue
+++ b/src/layouts/post.vue
@@ -4,9 +4,14 @@ const { frontmatter } = usePage()
 
 <template>
   <div class="post">
-    <app-header />
+    <app-header class="header-post" />
 
-    <img id="main-illustration" v-if="frontmatter.illustration" :src="frontmatter.illustration" alt="Main illustration">
+    <img
+      id="main-illustration"
+      v-if="frontmatter.illustration"
+      :src="frontmatter.illustration"
+      alt="Main illustration"
+    />
 
     <article id="main-article">
       <slot />
@@ -45,9 +50,12 @@ h7 {
 }
 
 img {
-  width: 100%;
-  max-height: 40vh;
+  max-width: 100%;
   display: flex;
   margin: auto;
 }
+
+.header-post {
+  float: left;
+}
 </style>