Merge pull request #238 from appwrite/refactor/change-table-headers

refactor: remove eyebrow headings in document tables

src/lib/elements/table/cellHead.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
     export let width: number = null;
     export let onlyDesktop = false;
+    export let eyebrow = true;
 </script>
 
 <div
@@ -8,7 +9,7 @@
     class:is-only-desktop={onlyDesktop}
     class="table-thead-col"
     role="columnheader">
-    <span class="eyebrow-heading-3">
+    <span class={eyebrow ? 'eyebrow-heading-3' : 'body-text-2'}>
         <slot />
     </span>
 </div>

src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/[[page]]/+page.svelte

@@ -52,9 +52,9 @@
         {#if data.documents.total}
             <TableScroll isSticky>
                 <TableHeader>
-                    <TableCellHead>Document ID</TableCellHead>
+                    <TableCellHead eyebrow={false}>Document ID</TableCellHead>
                     {#each columns as column}
-                        <TableCellHead>{column.title}</TableCellHead>
+                        <TableCellHead eyebrow={false}>{column.title}</TableCellHead>
                     {/each}
                 </TableHeader>
                 <TableBody>