From 2c3ea359011907736e2941b97ff25a92b784ad93 Mon Sep 17 00:00:00 2001
From: barbapapazes <e.soubiran25@gmail.com>
Date: Sun, 18 Feb 2024 16:17:28 +0100
Subject: [PATCH] fix: update styles in content elements

---
 components/app/AppAlert.vue            | 2 +-
 components/content/ProseCodeInline.vue | 2 +-
 components/content/ReadMore.vue        | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/app/AppAlert.vue b/components/app/AppAlert.vue
index 6ecfe62e..afe477b3 100644
--- a/components/app/AppAlert.vue
+++ b/components/app/AppAlert.vue
@@ -78,7 +78,7 @@ const hoverBorderColor = computed(() => {
 </script>
 
 <template>
-  <component :is="to ? NuxtLink : 'div'" :to="to" class="not-prose block my-4 px-4 py-3 focus:outline-none border rounded-md text-sm text-gray-950 dark:text-white" :class="[{ 'border-dashed hover:border-solid': to }, borderColor, to ? hoverBorderColor : '']">
+  <component :is="to ? NuxtLink : 'div'" :to="to" class="block my-4 px-4 py-3 focus:outline-none border rounded-md text-sm text-gray-950 dark:text-white" :class="[{ 'border-dashed hover:border-solid': to }, borderColor, to ? hoverBorderColor : '']">
     <span :class="[icon, iconColor]" class="w-4 h-4 inline-flex items-center align-sub mr-2" aria-hidden="true" />
     <slot />
   </component>
diff --git a/components/content/ProseCodeInline.vue b/components/content/ProseCodeInline.vue
index 45ea113b..33d904c0 100644
--- a/components/content/ProseCodeInline.vue
+++ b/components/content/ProseCodeInline.vue
@@ -1,5 +1,5 @@
 <template>
-  <code class="mx-1px px-[0.375rem] py-[0.2rem] rounded-md font-mono font-400 bg-primary/30 dark:bg-primary/40 before:content-[''] after:content-['']">
+  <code class="mx-1px px-[0.375rem] py-[0.2rem] rounded-md font-mono font-normal bg-primary/30 dark:bg-primary/40 before:content-[''] after:content-['']">
     <slot />
   </code>
 </template>
diff --git a/components/content/ReadMore.vue b/components/content/ReadMore.vue
index 9e417241..0722e40f 100644
--- a/components/content/ReadMore.vue
+++ b/components/content/ReadMore.vue
@@ -32,7 +32,7 @@ const computedTitle = computed<string>(() => props.title || createBreadcrumb(pro
 </script>
 
 <template>
-  <AppAlert icon="i-ph-bookmark-simple-duotone" :to="to">
+  <AppAlert icon="i-ph-bookmark-simple-duotone" :to="to" class="not-prose">
     <MDCSlot unwrap="p">
       Read more in <span class="font-bold" v-html="computedTitle" />.
     </MDCSlot>