add margin to retries table and make exceptions stacktrace responsive

laravel · Mar 5, 2020 · ff625c5 · ff625c5
1 parent 67622fd
commit ff625c5
Show file tree

Hide file tree

Showing 6 changed files with 100,546 additions and 20 deletions.
diff --git a/public/app-dark.css b/public/app-dark.css
diff --git a/public/app.css b/public/app.css
diff --git a/public/app.js b/public/app.js
diff --git a/public/mix-manifest.json b/public/mix-manifest.json
@@ -1,5 +1,5 @@
 {
-    "/app.js": "/app.js?id=ac47311b6c95e5b9c8a8",
-    "/app.css": "/app.css?id=81fbc8fec874ad3203d7",
-    "/app-dark.css": "/app-dark.css?id=3d68663a6ab8e86cb5dc"
+    "/app.js": "/app.js?id=f19116ddea43222f35b2",
+    "/app.css": "/app.css?id=f4bfed2b51f0e5e0dcb6",
+    "/app-dark.css": "/app-dark.css?id=9ef119e56b37b9067363"
 }
diff --git a/resources/js/components/Stacktrace.vue b/resources/js/components/Stacktrace.vue
@@ -15,25 +15,27 @@
         },
 
         computed: {
-            lines(){
+            lines() {
                 return this.showAll ? _take(this.trace, 1000) : _take(this.trace, this.minimumLines);
             }
         }
     }
 </script>
 
 <template>
-    <table class="table mb-0">
-        <tbody>
-        <tr v-for="line in lines">
-            <td class="card-bg-secondary">{{line}}</td>
-        </tr>
+    <div class="table-responsive">
+        <table class="table mb-0">
+            <tbody>
+            <tr v-for="line in lines">
+                <td class="card-bg-secondary">{{line}}</td>
+            </tr>
 
-        <tr v-if="! showAll">
-            <td class="card-bg-secondary"><a href="*" v-on:click.prevent="showAll = true">Show All</a></td>
-        </tr>
-        </tbody>
-    </table>
+            <tr v-if="! showAll">
+                <td class="card-bg-secondary"><a href="*" v-on:click.prevent="showAll = true">Show All</a></td>
+            </tr>
+            </tbody>
+        </table>
+    </div>
 </template>
 
 <style scoped>

diff --git a/resources/js/screens/failedJobs/job.vue b/resources/js/screens/failedJobs/job.vue
@@ -207,7 +207,7 @@
                             <path d="M2.93 17.07A10 10 0 1 1 17.07 2.93 10 10 0 0 1 2.93 17.07zm1.41-1.41A8 8 0 1 0 15.66 4.34 8 8 0 0 0 4.34 15.66zm9.9-8.49L11.41 10l2.83 2.83-1.41 1.41L10 11.41l-2.83 2.83-1.41-1.41L8.59 10 5.76 7.17l1.41-1.41L10 8.59l2.83-2.83 1.41 1.41z"/>
                         </svg>
 
-                        {{ retry.status.charAt(0).toUpperCase() + retry.status.slice(1) }}
+                        <span class="ml-2">{{ retry.status.charAt(0).toUpperCase() + retry.status.slice(1) }}</span>
                     </td>
 
                     <td class="table-fit">