WrenchBoard/Users-Wrench
3
0
Fork 0
Code Issues Pull Requests Releases Activity

Centralized button and removed horinzontal scroll

Browse Source
This commit was merged in pull request #114.
This commit is contained in:
victorAnumudu
2023-05-29 17:05:40 +01:00
parent 4186422e6a
commit 3ee7e1fb84
3 changed files with 48 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/MyTasks/MyJobTable.jsx
+5 -5
View File
@@ -58,15 +58,15 @@ export default function MyJobTable({ className, ActiveJobList }) {
<LoadingSpinner size="16" color="sky-blue" />
</div>
) : (
<div className="relative w-full overflow-x-auto sm:rounded-lg">
<div className="overflow-y-auto h-auto w-full">
<div className="relative w-full sm:rounded-lg">
<div className="h-auto w-full">
{ActiveJobList?.data?.length > 0 ? (
currentTask?.map((task, idx) => (
<div
className="bg-white dark:bg-dark-white border-b dark:border-[#5356fb29] w-full flex justify-between items-center hover:bg-gray-50"
key={idx}
>
<div className=" py-4">
<div className="py-4 max-w-[80%]">
<div className="flex space-x-2 items-center">
<div className="w-full min-w-[60px] max-w-[60px] flex-[0.1] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
<img
@@ -76,7 +76,7 @@ export default function MyJobTable({ className, ActiveJobList }) {
/>
</div>
<div className="flex flex-col flex-[0.9]">
<h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
<h1 className="font-bold text-xl text-dark-gray dark:text-white">
{task?.title}
</h1>
<span className="text-base text-gray-600">
@@ -112,7 +112,7 @@ export default function MyJobTable({ className, ActiveJobList }) {
</div>
</div>
<div className="text-right py-4 px-2">
<div className="flex justify-center items-center py-4 px-2">
<button
type="button"
onClick={() => {