fix: update styles in content elements

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>

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>

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>