R11/release11-tools
4
2
Fork 0
Code Issues 9 Pull Requests 4 Packages Projects Releases 6 Wiki Activity

Added styling and RWD

Browse Source
This commit is contained in:
Adam Bem
2023-06-20 12:18:21 +02:00
parent 3a3073d236
commit 5c2516797b
5 changed files with 36 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
Frontend/src/components/mock/HistoryComponent.vue
View File

@@ -31,19 +31,22 @@ function showBody(body : String){
<template>
<table class="text-white h-28 w-5/12 text-center border-l-4 border-b-2">
<tr>
<th>Time</th>
<th>HTTP Method</th>
<th>HTTP Headers</th>
<th>Request Body</th>
</tr>
<tr v-for="(item , index) in historyRecords" :key="index">
<td> {{ parseTimeStamp(item.dateTimeStamp) }} </td>
<td> {{ item.httpMethod }} </td>
<td> <button @click="showHeaders(item.headers);">Show Headers</button> </td>
<td> <button @click="showBody(item.requestBody)">Show Body</button> </td>
</tr>
</table>
<div class="w-full xl:w-5/12">
<table class="text-white h-28 w-full text-center">
<tr>
<th>Time</th>
<th>HTTP Method</th>
<th>HTTP Headers</th>
<th>Request Body</th>
</tr>
<tr v-for="(item , index) in historyRecords" :key="index">
<td> {{ parseTimeStamp(item.dateTimeStamp) }} </td>
<td> {{ item.httpMethod }} </td>
<td> <button @click="showHeaders(item.headers);">Show Headers</button> </td>
<td> <button @click="showBody(item.requestBody)">Show Body</button> </td>
</tr>
</table>
</div>
</template>