feat: better reading paragraphs

Atticus64 · Jan 6, 2024 · 8dec869 · 8dec869 · vercel · Jan 6, 2024
1 parent 1238d38
commit 8dec869
Showing 1 changed file with 17 additions and 14 deletions.
diff --git a/src/components/Passage.svelte b/src/components/Passage.svelte
@@ -47,24 +47,27 @@
     : 'm-4 w-full max-w-full'}
 >
   <h3 class="mt-4 text-3xl">{formatName(info.name)}: {info.chapter}</h3>
-  <ul class="flex flex-col gap-2">
-    {#each info.vers as v}
-      {#if v.study}
-        <h3 class="p-2 text-3xl">{v.study}</h3>
-      {/if}
-      <p class="verse text-2xl">
-        <b>
-          {v.number}
-        </b>
-        {v.verse}
-      </p>
-    {/each}
-  </ul>
+
+  {#if info.vers && info.vers.length > 0}
+    <ul class="flex flex-col gap-2 p-4">
+      {#each info.vers as v}
+        {#if v.study}
+          <h3 class="p-2 text-3xl">{v.study}</h3>
+        {/if}
+        <p class="verse text-2xl">
+          <b>
+            {v.number}
+          </b>
+          {v.verse}
+        </p>
+      {/each}
+    </ul>
+  {/if}
 </section>
 
 <style>
   .verse {
-    max-width: 75ch;
+    max-width: 50ch;
     text-wrap: balance;
   }