style: change row gap

chingu-x · Sep 9, 2023 · dd62b15 · dd62b15
1 parent 4987284
commit dd62b15
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/src/app/directory/components/TeamRow.module.css b/src/app/directory/components/TeamRow.module.css
@@ -0,0 +1,7 @@
+.table :where(td) {
+  @apply py-1;
+}
+
+.table :where(th) {
+  @apply pb-6;
+}
diff --git a/src/app/directory/components/TeamTable.tsx b/src/app/directory/components/TeamTable.tsx
@@ -1,3 +1,4 @@
+import styles from "./TeamRow.module.css";
 import { teamMembers } from "./fixtures/MyTeam";
 import { TeamRow } from ".";
 
@@ -7,7 +8,9 @@ const currentUserId = "1";
 function TeamTable() {
   return (
     <div className="overflow-x-auto">
-      <table className="table px-6 border-separate border-none bg-primary-content py-7">
+      <table
+        className={`table px-6 pb-10 border-separate border-none bg-primary-content pt-7 ${styles["table"]}`}
+      >
         {/* head */}
         <thead className="mb-10 text-xl font-semibold text-black">
           <tr>