added styles to the table of content

Author: subhendupsingh

src/lib/components/Embed.svelte

@@ -46,6 +46,8 @@
     {#if isImage(block.embed.url)}
         <img src={block.embed.url} alt={block.embed.caption?.join(" ")} />
     {:else}
-        <GenericEmbed src={block.embed.url} />
+        <a href={block.embed.url} target="_blank">
+            <GenericEmbed src={block.embed.url} />
+        </a>
     {/if}
 {/if}

src/lib/components/TableOfContent.svelte

@@ -4,13 +4,13 @@
 </script>
 
 {#if tableOfContent && tableOfContent?.length > 0}
-    <ul class="bg-slate-100 rounded-md w-full py-6 list-none">
+    <ul class="not-prose bg-slate-100 rounded-md w-full py-6 list-none">
         {#each  tableOfContent as content }
             {#if content}
                 {#if content.type == "heading_2"}
-                    <li class="text-base"><a class="no-underline" href={"#"+content.id}>{content.text}</a></li>
+                    <li class="text-base font-semibold my-2.5"><a class="no-underline" href={"#"+content.id}>{content.text}</a></li>
                 {:else if content.type == "heading_3"}
-                    <li class="indent-4 text-sm"><a class="no-underline" href={"#"+content.id}>{content.text}</a></li>
+                    <li class="indent-4 text-sm font-semibold my-1"><a class="no-underline" href={"#"+content.id}>{content.text}</a></li>
                 {/if}    
             {/if}
         {/each}

tailwind.config.cjs

@@ -2,7 +2,9 @@ const config = {
 	content: ['./src/**/*.{html,js,svelte,ts}'],
 
 	theme: {
-		extend: {}
+		extend: {
+			
+		}
 	},
 
 	plugins: [