Corrections
This commit is contained in:
@@ -10,14 +10,14 @@ const props = defineProps(
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="w-full text-center text-white mt-2 flex flex-col gap-4 ">
|
<div class="w-full text-center dark:text-white mt-2 flex flex-col gap-4 ">
|
||||||
<div class="flex flex-row gap-4">
|
<div class="flex flex-row gap-4">
|
||||||
<div class="w-full font-bold">Name</div>
|
<div class="w-full font-bold">Name</div>
|
||||||
<div class="w-full font-bold">Value</div>
|
<div class="w-full font-bold">Value</div>
|
||||||
</div >
|
</div >
|
||||||
<div class="flex flex-row gap-4" v-for="(value,name) in JSON.parse(data)" :key="name">
|
<div class="flex flex-row gap-4" v-for="(value,name) in JSON.parse(data)" :key="name">
|
||||||
<div class="w-full overflow-hidden">{{ name }}</div>
|
<div class="w-1/2 break-words">{{ name }}</div>
|
||||||
<div class="w-full overflow-hidden">{{ value }}</div>
|
<div class="w-1/2 break-words">{{ value }}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -34,8 +34,8 @@ function showHeaders(headers: object, index: number){
|
|||||||
|
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="flex flex-1 flex-col justify-items-stretch gap-y-4">
|
<div class="flex flex-1 flex-col xl:w-3/12 justify-items-stretch gap-y-4">
|
||||||
<label class="dark:text-white text-center"><span class="font-bold">Attention: </span>History doesn't refresh automatically! Use refresh button (⟳) on the right!</label>
|
<label class="dark:text-white text-center"><span class="font-bold">Attention! </span>History doesn't refresh automatically! Use refresh button (⟳) on the right!</label>
|
||||||
<HistoryRecords class="xl:h-1/3 overflow-y-auto" @click:show-headers="showHeaders" @click:show-body="showBody"></HistoryRecords>
|
<HistoryRecords class="xl:h-1/3 overflow-y-auto" @click:show-headers="showHeaders" @click:show-body="showBody"></HistoryRecords>
|
||||||
<BodyDetailComponent :content-type="currentContentType" :data="currentShownData" v-if="shownDetail == 'body' "></BodyDetailComponent>
|
<BodyDetailComponent :content-type="currentContentType" :data="currentShownData" v-if="shownDetail == 'body' "></BodyDetailComponent>
|
||||||
<HeadersDetailComponent :data="currentShownData" v-if="shownDetail == 'headers' "></HeadersDetailComponent>
|
<HeadersDetailComponent :data="currentShownData" v-if="shownDetail == 'headers' "></HeadersDetailComponent>
|
||||||
|
|||||||
@@ -29,5 +29,5 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.text-field-error {
|
.text-field-error {
|
||||||
@apply shadow-[0px_0px_20px_0px_rgba(255,0,0,1)];
|
@apply shadow-[0px_0px_10px_0px_rgba(255,0,0,1)];
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user