fix overflow in notes and use summary text instead of content if avai…

…lable.

package.json

@@ -1,7 +1,7 @@
 {
   "name": "myrelay.site",
   "type": "module",
-  "version": "0.2.12",
+  "version": "0.2.13",
   "main": "index.js",
   "repository": "[email protected]:sandwichfarm/myrelay.site.git",
   "author": "dskvr <[email protected]>",

src/lib/components/partials/note.svelte

@@ -41,7 +41,8 @@
     $: wrapperClass = noClass? '': 'mrp-note mrp-note-bg mrp-note-content block'
     $: noteTitle = () => note?.tags?.find(t => t[0] === 'title')?.[1]
 
-    $: parse = async (): Promise<string> => parseNote(note.content, parseOptions)  
+    $: summary = note.tags.find(t => t[0] === 'summary')?.[1]
+    $: parse = async (): Promise<string> => parseNote(summary && summary?.length? summary: note.content, parseOptions)  
 
     onMount(async () => {
       content.set(await parse())
@@ -52,7 +53,7 @@
     //   : parseMP4s(parseImages(note.content))
 </script>
 
-<div class="{wrapperClass} {$$props.class} transition-colors ease-in-out">
+<div class="{wrapperClass} {$$props.class} overflow-hidden transition-colors ease-in-out">
 
   <slot name="header" />