From 15575d93e26b2bea7aa70dcbdd34d69de3c1a26f Mon Sep 17 00:00:00 2001
From: Wan <495709+wa0x6e@users.noreply.github.com>
Date: Thu, 12 Oct 2023 08:05:14 +0900
Subject: [PATCH] fix(ui): improve playground error message readability (#4278)

---
 src/views/PlaygroundView.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/PlaygroundView.vue b/src/views/PlaygroundView.vue
index 386ef1e61465..9084b04fd00f 100644
--- a/src/views/PlaygroundView.vue
+++ b/src/views/PlaygroundView.vue
@@ -247,10 +247,10 @@ function handleNetworkSelect(value) {
             />
             <BaseBlock
               v-if="strategyError"
+              class="mt-3 overflow-x-auto"
               style="border-color: red !important"
             >
-              <BaseIcon name="warning" class="mr-2 !text-red" />
-              <span class="!text-red"> {{ strategyError }}</span>
+              <pre class="!text-red whitespace-pre-wrap"> {{ strategyError }}</pre>
             </BaseBlock>
           </BaseBlock>
           <BaseBlock :title="$t('addresses')">