From 5c65280cd29782eaaef222fdde16b4912134fd80 Mon Sep 17 00:00:00 2001
From: vhaudiquet <valentin.haudiquet@canonical.com>
Date: Tue, 18 Nov 2025 22:21:05 +0100
Subject: [PATCH] Tryfix og:image issues

---
 app/components/OgImage/BlogPost.vue |  8 ++++----
 app/components/OgImage/Site.vue     | 12 ++++++------
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/app/components/OgImage/BlogPost.vue b/app/components/OgImage/BlogPost.vue
index 4739169..a39ab1f 100644
--- a/app/components/OgImage/BlogPost.vue
+++ b/app/components/OgImage/BlogPost.vue
@@ -6,12 +6,12 @@ const props = defineProps<{
 </script>
 
 <template>
-  <div class="h-full w-full flex flex-row">
+  <div class="h-full w-[90%] m-auto flex flex-row bg-white">
     <img class="rounded-full h-[450px] w-[450px] m-10" src="/photo_web.JPG" />
     <div class="mt-8 flex flex-col">
-        <h1 class="text-6xl w-[640px]">{{ title }}</h1>
-        <h3 class="text-4xl font-normal w-[640px] h-[200px] overflow-hidden text-ellipsis">{{ description }}</h3>
-        <h3 class="text-3xl font-light italic text-gray-500 mt-2 ml-[420px]">Read more...</h3>
+        <h1 class="text-5xl w-[530px]">{{ title }}</h1>
+        <h3 class="text-3xl font-normal w-[530px] h-[215px] overflow-hidden text-ellipsis">{{ description }}</h3>
+        <h3 class="text-2xl font-light italic text-gray-500 mt-2 ml-[410px]">Read more...</h3>
     </div>
   </div>
 </template>
\ No newline at end of file
diff --git a/app/components/OgImage/Site.vue b/app/components/OgImage/Site.vue
index edc3ede..ab722e1 100644
--- a/app/components/OgImage/Site.vue
+++ b/app/components/OgImage/Site.vue
@@ -5,13 +5,13 @@ const props = defineProps<{
 </script>
 
 <template>
-  <div class="h-full w-full flex flex-row">
-    <img class="rounded-full h-[450px] w-[450px] m-10" src="/photo_web.JPG" />
+  <div class="h-full w-[90%] m-auto flex flex-row bg-white">
+    <img class="rounded-full h-[450px] w-[450px] ml-20 m-10" src="/photo_web.JPG" />
     <div class="mt-8 flex flex-col">
-        <h1 class="text-8xl w-[640px]">{{ title }}</h1>
-        <h2 class="text-6xl font-normal w-[640px]">Valentin Haudiquet</h2>
-        <h3 class="text-4xl font-normal w-[640px]">Software engineer at Canonical</h3>
-        <h4 class="text-3xl font-normal w-[640px]">Working on Ubuntu support for RISC-V architecture</h4>
+        <h1 class="text-7xl w-[550px]">{{ title }}</h1>
+        <h2 class="text-5xl font-normal w-[550px]">Valentin Haudiquet</h2>
+        <h3 class="text-3xl font-normal w-[550px]">Software engineer at Canonical</h3>
+        <h4 class="text-2xl font-normal w-[550px]">Working on Ubuntu support for RISC-V architecture</h4>
     </div>
   </div>
 </template>
\ No newline at end of file