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

Added background color to the group list component

Browse Source
This commit was merged in pull request #554.
This commit is contained in:
Chukwumdiebube Ojinta
2024-01-24 20:41:25 +01:00
parent 281c4c7ab7
commit a47e398e87
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/JobGroups/GroupList.jsx
+2 -2
View File
@@ -30,7 +30,7 @@ export default function GroupList({
return ( return (
<> <>
<div className="p-5 w-full lg:w-[400px] min-h-[300px] bg-sky-100 dark:bg-dark-gray rounded-2xl"> <div className="p-5 w-full lg:w-[400px] min-h-[300px] bg-sky-100 dark:bg-dark-gray rounded-2xl flex flex-col">
{/* <h1 className='mb-5 text-lg lg:text-2xl tracking-wide font-bold text-slate-900 dark:text-slate-100'>Jobs Groups</h1> */} {/* <h1 className='mb-5 text-lg lg:text-2xl tracking-wide font-bold text-slate-900 dark:text-slate-100'>Jobs Groups</h1> */}
<div className="flex justify-end items-center"> <div className="flex justify-end items-center">
<button <button
@@ -46,7 +46,7 @@ export default function GroupList({
No Group Found! No Group Found!
</h1> </h1>
) : ( ) : (
<div className="my-4 max-h-[400px] overflow-y-auto"> <div className="my-4 max-h-[596px] bg-[#fffef6] rounded overflow-y-auto flex-1">
<div className="flex flex-col"> <div className="flex flex-col">
{groupList.map((item) => ( {groupList.map((item) => (
<div <div
src/components/JobGroups/JobGroups.jsx
+1 -1
View File
@@ -90,7 +90,7 @@ export default function JobGroups() {
<Layout> <Layout>
<div> <div>
<h1 className="mb-5 text-lg lg:text-2xl tracking-wide font-bold text-slate-900 dark:text-slate-100"> <h1 className="mb-5 text-lg lg:text-2xl tracking-wide font-bold text-slate-900 dark:text-slate-100">
Jobs Groups Job Groups
</h1> </h1>
</div> </div>
<div className="p-5 w-full min-h-[400px] flex flex-col lg:flex-row gap-3 lg:gap-6 rounded-lg shadow-md bg-white dark:bg-dark-white"> <div className="p-5 w-full min-h-[400px] flex flex-col lg:flex-row gap-3 lg:gap-6 rounded-lg shadow-md bg-white dark:bg-dark-white">