File uploading and fixes (#261)

Reviewed-on: #261
Reviewed-by: Mikolaj Widla <widlam@noreply.example.com>
Co-authored-by: Adam Bem <adam.bem@zoho.eu>
Co-committed-by: Adam Bem <adam.bem@zoho.eu>

Frontend/src/components/mock/HistoryComponent.vue

@@ -34,7 +34,7 @@ function showHeaders(headers: object, index: number){
 
 
 <template>
-    <div class="w-full xl:w-2/5 flex flex-none flex-col gap-y-4">
+    <div class="flex flex-1 flex-col justify-items-stretch gap-y-4">
         <HistoryRecords class="xl:h-1/3 overflow-y-scroll" @click:show-headers="showHeaders" @click:show-body="showBody"></HistoryRecords>
         <BodyDetailComponent :content-type="currentContentType" :data="currentShownData" v-if="shownDetail == 'body' "></BodyDetailComponent>
         <HeadersDetailComponent :data="currentShownData"  v-if="shownDetail == 'headers' "></HeadersDetailComponent>

Frontend/src/components/mock/HistoryRecords.vue

@@ -45,12 +45,12 @@ function refreshHistory(){
 </script>
 
 <template>
-    <div>
-        <table class="text-white h-28 w-full text-center">
+    <div class="h-28 text-center text-grey-900 dark:text-white">
+        <table class="w-full">
             <tr>
                 <th>Time</th>
                 <th>HTTP Method</th>
-                <th>HTTP Headers</th>
+                <th>Headers</th>
                 <th>Request Body</th>
                 <th class="text-2xl"><button @click="refreshHistory()">⟳</button></th>
             </tr>