fix: add horizontal overflow for event and project tables

hackclub · Feb 16, 2025 · 4dc95de · 4dc95de
1 parent 87089d4
commit 4dc95de
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/frontend/src/routes/events/+page.svelte b/frontend/src/routes/events/+page.svelte
@@ -29,6 +29,7 @@
   </section>
   <section>
     <h2>Events you own</h2>
+    <div class="overflow-x-auto">
     <table class="table w-full table-zebra">
       <thead>
         <tr>
@@ -66,9 +67,11 @@
         {/each}
       </tbody>
     </table>
+  </div>
   </section>
   <section>
     <h2>Events you are attending</h2>
+    <div class="overflow-x-auto">
     <table class="table w-full table-zebra">
       <thead>
         <tr>
@@ -85,6 +88,7 @@
         {/each}
       </tbody>
     </table>
+  </div>
   </section>
   <section>
     <h2 class="text-xl font-semibold mb-4">Attend Event</h2>

diff --git a/frontend/src/routes/projects/+page.svelte b/frontend/src/routes/projects/+page.svelte
@@ -11,6 +11,7 @@
   <!-- <div > -->
   <section class="space-y-8 p-4">
     <h2 class="text-xl font-semibold mb-4">Your projects</h2>
+    <div class="overflow-x-auto">
     <table class="table w-full table-zebra">
       <thead>
         <tr>
@@ -34,6 +35,7 @@
         {/each}
       </tbody>
     </table>
+  </div>
   </section>
   <section>
     <h2 class="text-xl font-semibold mb-4">Create Project</h2>