basic table view added

2023-03-15 19:44:12 -05:00
parent c17768e5bc
commit fb57f72d7b
2 changed files with 46 additions and 2 deletions
--- a/src/components/ResourceTable.tsx
+++ b/src/components/ResourceTable.tsx
@ -0,0 +1,42 @@
+
+const ResourceTable = () => {
+    const ResourceEntry = () => {
+        return (
+            <tr>
+                <td>
+                    test
+                </td>
+                <td>
+                    test
+                </td>
+            </tr>
+        )
+    }
+
+    return(
+    <div className="px-4 w-full">
+        <table className="table-fixed w-full bg-gray-200 rounded-xl overflow-hidden">
+            <thead className="bg-neutral-800 rounded-xl overflow-hidden">
+                <tr>
+                    <th>
+                        <span className="text-white block px-4 py-2 text-left">
+                            Resource
+                        </span>
+                    </th>
+                    <th>
+                        <span className="text-white block px-4 py-2 text-left">
+                            Description
+                        </span>
+                    </th>
+                </tr>
+            </thead>
+            <tbody className="divide-y-[1px] divide-slate-300">
+                <ResourceEntry />
+                <ResourceEntry />
+            </tbody>
+        </table>
+    </div>
+    );
+};
+
+export default ResourceTable;