From 718eff30ee16e4967ec09fae72c43bf1c72b93d7 Mon Sep 17 00:00:00 2001
From: Francisco Madeira <xico2k@gmail.com>
Date: Fri, 3 Nov 2023 21:17:45 +0000
Subject: [PATCH] feat: Allow multiple lines

---
 resources/views/components/code.blade.php | 22 +++++++++++++---------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/resources/views/components/code.blade.php b/resources/views/components/code.blade.php
index 46c07c3..1bedbc8 100644
--- a/resources/views/components/code.blade.php
+++ b/resources/views/components/code.blade.php
@@ -3,16 +3,20 @@
     'letters'
 ])
 
-<div {{ $attributes->class(['text-center flex flex-wrap gap-8 mt-auto']) }}>
-    @foreach(array_filter(explode(' ', trim($message))) as $word)
-        <div class="word flex flex-wrap gap-2">
-            @foreach(str_split($word) as $character)
-                <div>
-                     <span class="material-symbols-outlined character !text-4xl">
-                        {{ $letters[strtolower($character)] ?? $character }}
-                    </span>
+<div {{ $attributes->class(['text-center mt-auto flex flex-wrap flex-col gap-8']) }}>
+    @foreach(array_filter(explode("\n", trim($message))) as $line)
+        <div class="line flex flex-wrap gap-8">
+            @foreach(explode(' ', trim($line)) as $word)
+                <div class="word flex flex-wrap gap-2">
+                    @foreach(str_split($word) as $character)
+                        <div>
+                             <span class="material-symbols-outlined character !text-4xl">
+                                {{ $letters[strtolower($character)] ?? $character }}
+                            </span>
 
-                    <div class="bg-gray-200 w-12 h-12"></div>
+                            <div class="bg-gray-200 w-12 h-12"></div>
+                        </div>
+                    @endforeach
                 </div>
             @endforeach
         </div>