fix: improve markdown rendering

Author: zcesur

assets/tailwind.config.js

@@ -131,6 +131,16 @@ module.exports = {
         "accordion-up": "accordion-up 0.2s ease-out",
         rotate: "rotate 10s linear infinite",
       },
+      typography: {
+        DEFAULT: {
+          css: {
+            "code::before": false,
+            "code::after": false,
+            "blockquote p:first-of-type::before": false,
+            "blockquote p:last-of-type::after": false,
+          },
+        },
+      },
     },
   },
   plugins: [

lib/algora_web/live/org/home_live.ex

@@ -71,15 +71,12 @@ defmodule AlgoraWeb.Org.HomeLive do
           <div class="flex-1 space-y-2">
             <div>
               <h1 class="text-2xl font-bold">{@org.name}</h1>
-              <div
-                class="mt-1 text-muted-foreground max-w-none whitespace-pre-line [&_p]:m-0 prose prose-invert"
-                style="margin-top: -28px;"
-              >
+              <div class="mt-1 text-muted-foreground max-w-none prose prose-invert">
                 {Phoenix.HTML.raw(Algora.Markdown.render(@org.bio))}
               </div>
             </div>
 
-            <div class="flex gap-4 items-center" style="margin-top: -28px;">
+            <div class="flex gap-4 items-center">
               <%= for {platform, icon} <- social_links(),
                       url = social_link(@org, platform),
                       not is_nil(url) do %>