render desc with newline

srl-labs · May 13, 2024 · 4d596e5 · 4d596e5
1 parent 84c1f6b
commit 4d596e5
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/lib/components/Popup.svelte b/src/lib/components/Popup.svelte
@@ -2,7 +2,7 @@
   import { page } from '$app/stores';
 	import { copy } from 'svelte-copy';
 
-  import { closeSidebar } from '$lib/components/functions';
+  import { closeSidebar, markRender } from '$lib/components/functions';
 
   export let pathDetail: any = {}
 
@@ -117,7 +117,7 @@
                 <tr class="border-t border-gray-200 dark:border-gray-600">
                   <th scope="row" class="py-1 whitespace-nowrap text-sm dark:text-gray-400">Description:</th>
                   <td class="py-1 px-2 dark:text-gray-300 font-fira text-[13px] tracking-tight">
-                    <div class="overflow-y-auto max-h-40 scroll-light dark:scroll-dark">{"description" in pathDetail ? pathDetail.description : ''}</div>
+                    <div class="overflow-y-auto max-h-40 scroll-light dark:scroll-dark" use:markRender={"description" in pathDetail ? pathDetail.description.replaceAll("\n", "<br>") : ''}></div>
                   </td>
                 </tr>
               </tbody>