From dd62b155335098f2473eca0b83a874e7e9a28e5e Mon Sep 17 00:00:00 2001
From: Jane Moroz <Moroz.jane@yahoo.com>
Date: Sat, 9 Sep 2023 14:01:08 +0300
Subject: [PATCH] style: change row gap
---
src/app/directory/components/TeamRow.module.css | 7 +++++++
src/app/directory/components/TeamTable.tsx | 5 ++++-
2 files changed, 11 insertions(+), 1 deletion(-)
create mode 100644 src/app/directory/components/TeamRow.module.css
diff --git a/src/app/directory/components/TeamRow.module.css b/src/app/directory/components/TeamRow.module.css
new file mode 100644
index 00000000..e23e65e9
--- /dev/null
+++ b/src/app/directory/components/TeamRow.module.css
@@ -0,0 +1,7 @@
+.table :where(td) {
+ @apply py-1;
+}
+
+.table :where(th) {
+ @apply pb-6;
+}
\ No newline at end of file
diff --git a/src/app/directory/components/TeamTable.tsx b/src/app/directory/components/TeamTable.tsx
index 87722bab..636991f3 100644
--- 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>