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

refactor: remove eyebrow headings in document tables
appwrite · Jan 27, 2023 · 6fca232 · 6fca232 · vercel · Jan 27, 2023
2 parents aea8c5f + 508fb6e
commit 6fca232
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/lib/elements/table/cellHead.svelte b/src/lib/elements/table/cellHead.svelte
@@ -1,14 +1,15 @@
 <script lang="ts">
     export let width: number = null;
     export let onlyDesktop = false;
+    export let eyebrow = true;
 </script>
 
 <div
     style={width ? `--p-col-width:${width?.toString()}` : ''}
     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>
diff --git a/...ect-[project]/databases/database-[database]/collection-[collection]/[[page]]/+page.svelte b/...ect-[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>