More styling fixes

exceptionless · Oct 5, 2023 · 7ae10af · 7ae10af
1 parent 0ccadb2
commit 7ae10af
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 14 deletions.
diff --git a/src/Exceptionless.Web/ClientApp/src/lib/components/events/SimpleStackTrace.svelte b/src/Exceptionless.Web/ClientApp/src/lib/components/events/SimpleStackTrace.svelte
@@ -12,12 +12,10 @@
 	const errors = getErrors(error);
 </script>
 
-<pre><code
+<pre class="whitespace-pre-wrap break-words"><code
 		><StackTraceHeader {errors}
 		></StackTraceHeader>{#each errors.reverse() as error, index}{#if error.stack_trace}<div
 					class="pl-[10px]">{cleanStackTrace(
 						error.stack_trace
-					)}</div>{#if index < errors.length - 1}<div>--- End of inner error stack trace ---</div>{/if}{/if}
-		{/each}
-    </code>
-</pre>
+					)}</div>{#if index < errors.length - 1}<div>--- End of inner error stack trace ---</div>{/if}{/if}{/each}</code
+	></pre>
diff --git a/src/Exceptionless.Web/ClientApp/src/lib/components/events/StackTrace.svelte b/src/Exceptionless.Web/ClientApp/src/lib/components/events/StackTrace.svelte
@@ -8,11 +8,9 @@
 	const errors = getErrors(error);
 </script>
 
-<pre><code
+<pre class="whitespace-pre-wrap break-words"><code
 		><StackTraceHeader {errors}
 		></StackTraceHeader>{#each errors.reverse() as error, index}{#if error.stack_trace}<div
-					class="pl-[10px]">{#each error.stack_trace as frame}{getStackFrame(
-							frame
-						)}{/each}{#if index < errors.length - 1}<div>--- End of inner exception stack trace ---</div>{/if}</div>{/if}{/each}
-    </code>
-</pre>
+					class="pl-[10px]">{#each error.stack_trace as frame}{getStackFrame(frame)}<br
+						/>{/each}{#if index < errors.length - 1}<div>--- End of inner exception stack trace ---</div>{/if}</div>{/if}{/each}</code
+	></pre>
diff --git a/src/Exceptionless.Web/ClientApp/src/lib/components/events/StackTraceHeader.svelte b/src/Exceptionless.Web/ClientApp/src/lib/components/events/StackTraceHeader.svelte
@@ -5,8 +5,8 @@
 </script>
 
 {#each errors as error, index}<div>
-		{#if index > 0}<span class="ml-6">---> </span>{/if}{#if error.type}<span class="font-bold"
-				>{error.type}:</span
+		{#if index > 0}<span class="ml-6">---> </span>{/if}{#if error.type}<span
+				class="font-bold mr-1">{error.type}:</span
 			>{/if}{#if error.message}{error.message}{/if}
 	</div>
 {/each}
diff --git a/src/Exceptionless.Web/ClientApp/src/lib/components/events/views/Overview.svelte b/src/Exceptionless.Web/ClientApp/src/lib/components/events/views/Overview.svelte
@@ -198,7 +198,7 @@
 	</div>
 
 	<h4 class="text-lg">Stack Trace</h4>
-	<div class="max-h-[120px]">
+	<div class="max-h-[120px] overflow-auto p-2 mt-2 border border-info">
 		{#if event.data?.['@error']}
 			<StackTrace error={event.data['@error']} />
 		{:else}