diff options
-rw-r--r-- | src/tools/jwt-parser/claim.vue | 4 | ||||
-rw-r--r-- | src/tools/jwt-parser/jwt-parser.vue | 4 | ||||
-rw-r--r-- | src/tools/jwt-parser/value.vue | 4 |
3 files changed, 4 insertions, 8 deletions
diff --git a/src/tools/jwt-parser/claim.vue b/src/tools/jwt-parser/claim.vue index b33b63f..d6eb4ec 100644 --- a/src/tools/jwt-parser/claim.vue +++ b/src/tools/jwt-parser/claim.vue @@ -1,6 +1,6 @@ <template> <n-space> - <i>{{ claim }}</i> + <em>{{ claim }}</em> <span v-if="label.label !== claim"> <n-popover placement="right" trigger="hover"> <template #trigger> @@ -27,5 +27,3 @@ const props = defineProps({ const label = computed(() => get_claim_label(props.claim ? props.claim : '')); </script> - -<style lang="less" scoped></style> diff --git a/src/tools/jwt-parser/jwt-parser.vue b/src/tools/jwt-parser/jwt-parser.vue index 80c9738..d70a67e 100644 --- a/src/tools/jwt-parser/jwt-parser.vue +++ b/src/tools/jwt-parser/jwt-parser.vue @@ -9,7 +9,7 @@ <n-table> <tbody> - <td colspan="2" class="table-header"><b>Header</b></td> + <td colspan="2" class="table-header"><strong>Header</strong></td> <tr v-for="[key, value] in Object.entries(decodedJWT.header)" :key="key"> <td class="claims"><claim-vue :claim="key" /></td> <td> @@ -17,7 +17,7 @@ <value-vue v-else :claim="key" :value="value" /> </td> </tr> - <td colspan="2" class="table-header"><b>Payload</b></td> + <td colspan="2" class="table-header"><strong>Payload</strong></td> <tr v-for="[key, value] in Object.entries(decodedJWT.payload)" :key="key"> <td class="claims"><claim-vue :claim="key" /></td> <td> diff --git a/src/tools/jwt-parser/value.vue b/src/tools/jwt-parser/value.vue index f4095c2..e9c2cae 100644 --- a/src/tools/jwt-parser/value.vue +++ b/src/tools/jwt-parser/value.vue @@ -1,7 +1,7 @@ <template> <n-space> {{ value.value }} - <i v-if="value.extension">({{ value.extension }})</i> + <em v-if="value.extension">({{ value.extension }})</em> </n-space> </template> @@ -22,5 +22,3 @@ const props = defineProps({ const value = computed(() => parse_claim_value(props.claim, props.value)); </script> - -<style lang="less" scoped></style> |