From bb016fad289a0d8e176de42e99b042aa3a65eed7 Mon Sep 17 00:00:00 2001
From: saboooor <saboor547@gmail.com>
Date: Sun, 25 Aug 2024 21:59:11 -0600
Subject: [PATCH] wrap output

---
 src/routes/resources/rgb/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/resources/rgb/index.tsx b/src/routes/resources/rgb/index.tsx
index f5e06d19..8cad41bc 100644
--- a/src/routes/resources/rgb/index.tsx
+++ b/src/routes/resources/rgb/index.tsx
@@ -101,7 +101,7 @@ export default component$(() => {
           <span class="font-bold mr-2 text-gray-100">{t('color.output@@Output')}</span>
           <span class="text-gray-500">- {t('color.outputSubtitle@@Copy-paste this for RGB text!')}</span>
         </label>
-        <textarea id="output" class={{ 'lum-input h-32 w-full font-mc': true }} value={generateOutput(store.text, store.colors, store.format, store.prefixsuffix, store.trimspaces, store.colorlength, store.bold, store.italic, store.underline, store.strikethrough)}/>
+        <textarea id="output" class={{ 'lum-input h-32 w-full font-mc whitespace-pre-wrap': true }} value={generateOutput(store.text, store.colors, store.format, store.prefixsuffix, store.trimspaces, store.colorlength, store.bold, store.italic, store.underline, store.strikethrough)}/>
 
         <h1 class={{
           'text-3xl md:text-4xl xl:text-5xl my-4 break-all font-mc tracking-tight': true,