Positioned the delete and edit button in my jobs list

Merge branch 'job-page-layout-fix' of WrenchBoard/Users-Wrench into master
Job layout implemented
2023-05-14 07:33:46 +01:00 · 2023-05-13 14:48:37 +00:00 · 2023-05-13 14:04:40 +01:00 · 2023-05-12 20:48:20 +00:00
1 changed files with 8 additions and 9 deletions
@@ -51,8 +51,8 @@ export default function MyJobTable({MyJobList, className }) {
                <table className="table-auto min-w-full text-sm text-left text-gray-500 dark:text-gray-400">
                    <tbody>
                    <tr className="text-base text-thin-light-gray border-b  default-border-b dark:border-[#5356fb29] ottom ">
-                        <td className="py-8">.</td>
-                        <td className="py-4 text-right">.</td>
+                        <td className="py-1">.</td>
+                        <td className="py-1 text-right">.</td>
                    </tr>

                    {selectedCategory === "All Categories" ? (
@@ -63,7 +63,6 @@ export default function MyJobTable({MyJobList, className }) {
                                    <tr key={index} className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50">
                                        <td className="py-9">
                                            <div className="flex space-x-2 items-center job-items">
-
                                                <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
                                                    <img
                                                        src={dataImage2}
@@ -86,19 +85,19 @@ export default function MyJobTable({MyJobList, className }) {
                                                    </span>

                                                </div>
-                                                <div className="job-sub-menu">
-                                                    <button type="button" className="w-20 h-11" onClick={()=>{setDeleteJobPopout({show:true, data:value})}}>[Delete]</button> |
-                                                    <button  type="button" className="w-20 h-11">Edit</button>
+                                            </div>
+                                            <div className="job-sub-menu mt-2 flex flex-nowrap justify-start sm:justify-end items-center">
+                                                <div className="bg-yellow-300 mx-2 rounded-md">
+                                                    <button type="button" className="p-2 w-[60px] h-11" onClick={()=>{setDeleteJobPopout({show:true, data:value})}}>[Delete]</button> |
+                                                    <button  type="button" className="p-2 w-[40px] h-11">Edit</button>
                                                </div>
                                            </div>

                                        </td>

-
-                                        <td className="text-right py-3 px-2">
+                                        <td className="text-right py-9 px-2">
                                            <button
                                                type="button"
-                                                // onClick={()=>{setJobPopout({show:true, data:value})}}
                                                onClick={()=>{setJobPopout({show:true, data:value})}}
                                                className="w-20 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white"
                                            >
Author	SHA1	Message	Date
victorAnumudu	7083e67667	Positioned the delete and edit button in my jobs list	2023-05-14 07:33:46 +01:00
ameye	94e7c549df	Merge branch 'job-page-layout-fix' of WrenchBoard/Users-Wrench into master	2023-05-13 14:48:37 +00:00
victorAnumudu	0d013c261b	Job layout implemented	2023-05-13 14:04:40 +01:00
ameye	60eca6e703	Merge branch 'deleted-job-api-implementation' of WrenchBoard/Users-Wrench into master	2023-05-12 20:48:20 +00:00