edited the styling again to memos page

Nanditha-Prabhu · May 20, 2024 · ba57647 · ba57647
1 parent 52230ff
commit ba57647
Showing 1 changed file with 5 additions and 41 deletions.
diff --git a/components/Memos.jsx b/components/Memos.jsx
@@ -26,38 +26,17 @@ const Memos = ({ state }) => {
           {memos.map((memo, index) => (
             <tr key={index}>
               <td
-                style={{
-                  backgroundColor: "dodgerblue",
-                  border: "1px solid white",
-                  borderCollapse: "collapse",
-                  padding: "7px",
-                  width: "100px",
-                  color: "white",
-                }}
+                className=" border-2 px-3 text-slate-100 py-10 text-left"
               >
                 {memo.user_name}
               </td>
               <td
-                style={{
-                  backgroundColor: "dodgerblue",
-                  border: "1px solid white",
-                  borderCollapse: "collapse",
-                  padding: "7px",
-                  width: "100px",
-                  color: "white",
-                }}
+                className=" border-2 px-3 text-slate-100 py-10 text-left"
               >
                 {memo.file_name}
               </td>
               <td
-                style={{
-                  backgroundColor: "dodgerblue",
-                  border: "1px solid white",
-                  borderCollapse: "collapse",
-                  padding: "7px",
-                  width: "300px",
-                  color: "white",
-                }}
+                className=" border-2 px-3 text-slate-100 py-10 text-left"
               >
                 {memo.column_names.join(", ")}
                 {/* If you need more complex formatting, you can use something like:
@@ -66,27 +45,12 @@ const Memos = ({ state }) => {
                 ))} */}
               </td>
               <td
-                style={{
-                  backgroundColor: "dodgerblue",
-                  border: "1px solid white",
-                  borderCollapse: "collapse",
-                  padding: "7px",
-                  width: "800px",
-                  color: "white",
-                }}
+                className=" border-2 px-3 text-slate-100 py-10 text-left"
               >
                 {new Date(memo.timestamp * 1000).toLocaleString()}
               </td>
               <td
-                className="container-fluid"
-                style={{
-                  backgroundColor: "dodgerblue",
-                  border: "1px solid white",
-                  borderCollapse: "collapse",
-                  padding: "7px",
-                  width: "400px",
-                  color: "white",
-                }}
+                className=" border-2 px-3 text-slate-100 py-10 text-left"
               >
                 {memo.from}
               </td>