From d000ccfeca113cdfeb3604a2633f688cbbed01f9 Mon Sep 17 00:00:00 2001
From: user <thisemail@doesnotexist.com>
Date: Sun, 1 Mar 2026 18:49:57 +0200
Subject: [PATCH] sms scrolling now

---
 .../(main)/devices/[deviceId]/+page.svelte    | 50 ++++++++++---------
 1 file changed, 26 insertions(+), 24 deletions(-)

diff --git a/apps/main/src/routes/(main)/devices/[deviceId]/+page.svelte b/apps/main/src/routes/(main)/devices/[deviceId]/+page.svelte
index 184e47a..07cf47d 100644
--- a/apps/main/src/routes/(main)/devices/[deviceId]/+page.svelte
+++ b/apps/main/src/routes/(main)/devices/[deviceId]/+page.svelte
@@ -145,32 +145,34 @@
                             No SMS records yet.
                         </div>
                     {:else}
-                        <Table.Root>
-                            <Table.Header>
-                                <Table.Row>
-                                    <Table.Head>From</Table.Head>
-                                    <Table.Head>To</Table.Head>
-                                    <Table.Head>Body</Table.Head>
-                                    <Table.Head>Sent</Table.Head>
-                                </Table.Row>
-                            </Table.Header>
-                            <Table.Body>
-                                {#each mobileVM.sms as message (message.id)}
+                        <div class="max-h-[65vh] overflow-auto rounded-md border">
+                            <Table.Root>
+                                <Table.Header>
                                     <Table.Row>
-                                        <Table.Cell>{message.sender}</Table.Cell>
-                                        <Table.Cell>
-                                            {message.recipient || "-"}
-                                        </Table.Cell>
-                                        <Table.Cell class="max-w-[520px] truncate">
-                                            {message.body}
-                                        </Table.Cell>
-                                        <Table.Cell>
-                                            {new Date(message.sentAt).toLocaleString()}
-                                        </Table.Cell>
+                                        <Table.Head>From</Table.Head>
+                                        <Table.Head>To</Table.Head>
+                                        <Table.Head>Body</Table.Head>
+                                        <Table.Head>Sent</Table.Head>
                                     </Table.Row>
-                                {/each}
-                            </Table.Body>
-                        </Table.Root>
+                                </Table.Header>
+                                <Table.Body>
+                                    {#each mobileVM.sms as message (message.id)}
+                                        <Table.Row>
+                                            <Table.Cell>{message.sender}</Table.Cell>
+                                            <Table.Cell>
+                                                {message.recipient || "-"}
+                                            </Table.Cell>
+                                            <Table.Cell class="max-w-[520px] truncate">
+                                                {message.body}
+                                            </Table.Cell>
+                                            <Table.Cell>
+                                                {new Date(message.sentAt).toLocaleString()}
+                                            </Table.Cell>
+                                        </Table.Row>
+                                    {/each}
+                                </Table.Body>
+                            </Table.Root>
+                        </div>
                     {/if}
                 </Card.Content>
             </Card.Root>