fix(jwt-parser): prevent UI overflow on small screen (#1095)

Fix #1045
sunnydanu · May 27, 2024 · dd4b7e6 · dd4b7e6
1 parent 30144aa
commit dd4b7e6
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/tools/jwt-parser/jwt-parser.vue b/src/tools/jwt-parser/jwt-parser.vue
@@ -39,15 +39,15 @@ 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>
               <span v-if="claimDescription" ml-2 op-70>
                 ({{ 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 }})