fix: use RTL-safe inset-ie-20 instead of right-20 in OG image

Adebesin-Cell · claude · Adebesin-Cell · commit 8e0d98ef7eb9 · 2026-04-06T17:29:35.000+01:00
Co-Authored-By: Claude Opus 4.6 (1M context) &lt;noreply@anthropic.com&gt;
diff --git a/app/components/OgImage/Compare.vue b/app/components/OgImage/Compare.vue
@@ -334,7 +334,7 @@ const summaryRemainder = computed(() =>
 
     <!-- Branding -->
     <div
-      class="absolute bottom-6 right-20 text-lg font-semibold tracking-tight text-[#525252]"
+      class="absolute bottom-6 inset-ie-20 text-lg font-semibold tracking-tight text-[#525252]"
       style="font-family: 'Geist Mono', sans-serif"
     >
       <span :style="{ color: primaryColor }" class="opacity-80 tracking-[-0.1em]">./</span>npmx

Original file line number	Diff line number	Diff line change
`@@ -334,7 +334,7 @@ const summaryRemainder = computed(() =>`
`334`	`334`
`335`	`335`	`<!-- Branding -->`
`336`	`336`	`<div`
`337`		`- class="absolute bottom-6 right-20 text-lg font-semibold tracking-tight text-[#525252]"`
	`337`	`+ class="absolute bottom-6 inset-ie-20 text-lg font-semibold tracking-tight text-[#525252]"`
`338`	`338`	`style="font-family: 'Geist Mono', sans-serif"`
`339`	`339`	`>`
`340`	`340`	`<span :style="{ color: primaryColor }" class="opacity-80 tracking-[-0.1em]">./</span>npmx`