From dd4b7e687b7a9e2f58c4e52f6593f59dcd9e1ac1 Mon Sep 17 00:00:00 2001
From: sharevb <sharevb@gmail.com>
Date: Mon, 27 May 2024 11:59:05 +0200
Subject: [PATCH 1/2] fix(jwt-parser): prevent UI overflow on small screen
 (#1095)

Fix #1045
---
 src/tools/jwt-parser/jwt-parser.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/tools/jwt-parser/jwt-parser.vue b/src/tools/jwt-parser/jwt-parser.vue
index 6b30fc0c..a26064d7 100644
--- a/src/tools/jwt-parser/jwt-parser.vue
+++ b/src/tools/jwt-parser/jwt-parser.vue
@@ -39,7 +39,7 @@ const validation = useValidation({
             {{ section.title }}
           </th>
           <tr v-for="{ claim, claimDescription, friendlyValue, value } in decodedJWT[section.key]" :key="claim + value">
-            <td class="claims">
+            <td class="claims" style="vertical-align: top;">
               <span font-bold>
                 {{ claim }}
               </span>
@@ -47,7 +47,7 @@ const validation = useValidation({
                 ({{ claimDescription }})
               </span>
             </td>
-            <td>
+            <td style="word-wrap: break-word;word-break: break-all;">
               <span>{{ value }}</span>
               <span v-if="friendlyValue" ml-2 op-70>
                 ({{ friendlyValue }})

From b430baef4099a6004c66ad798f3a5a3455122fb6 Mon Sep 17 00:00:00 2001
From: code2933 <code2933@outlook.com>
Date: Tue, 28 May 2024 00:16:24 +0800
Subject: [PATCH 2/2] fix(format-transformer): set overflow for output area
 width (#787)

---
 src/components/FormatTransformer.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/FormatTransformer.vue b/src/components/FormatTransformer.vue
index 677fc25a..bcfcdb58 100644
--- a/src/components/FormatTransformer.vue
+++ b/src/components/FormatTransformer.vue
@@ -48,7 +48,7 @@ const output = computed(() => transformer.value(input.value));
     monospace
   />
 
-  <div>
+  <div overflow-auto>
     <div mb-5px>
       {{ outputLabel }}
     </div>