From 121f718ea603c50b2322f8039a8348bdc42c498e Mon Sep 17 00:00:00 2001
From: cor <cor@pruijs.dev>
Date: Thu, 28 Sep 2023 16:21:21 +0200
Subject: [PATCH] fix(site): scrolling to bottom on ios

---
 site/src/lib/Xterm.svelte | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/site/src/lib/Xterm.svelte b/site/src/lib/Xterm.svelte
index 40f9945d87..153c281b64 100644
--- a/site/src/lib/Xterm.svelte
+++ b/site/src/lib/Xterm.svelte
@@ -84,7 +84,7 @@
                 console.log(result)
 								const newLine = filter(result);
 								if (newLine != null) {
-									logLines = [...logLines, newLine];
+									logLines = [newLine, ...logLines];
 								}
 
 	        })
@@ -100,12 +100,10 @@
 
 <div class="h-[420px] my-8">
 	<div style="margin: 0 auto;" class="absolute max-w-4xl p-4 md:shadow-2xl left-0 md:left-[16px] right-0 md:right-[16px] bg-black text-sm font-jetbrains md:rounded-xl">
-			<div bind:this={terminalElement} class="overflow-scroll scrollbar-hide h-[400px]" >
-				<div class="terminal-line h-[100.1%]"/>
-				{#each logLines as {network, action, logLine}}
-					<div class="terminal-line p-0"><span class={ network == "union" ? "text-accent" : "text-yellow-300"}>[{network}] </span><span>{action}</span><span class="text-gray-400">{logLine}</span></div>
-				{/each}
-			  <div bind:this={scrollAnchor} id="anchor"/>
+			<div style="flex-direction: column-reverse;" bind:this={terminalElement} class="overflow-scroll flex scrollbar-hide h-[400px]" >
+			{#each logLines as {network, action, logLine}}
+				<div class="terminal-line p-0"><span class={ network == "union" ? "text-accent" : "text-yellow-300"}>[{network}] </span><span>{action}</span><span class="text-gray-400">{logLine}</span></div>
+			{/each}
 			</div>
 	</div>
 </div>