fix:(style) update layout for agent list and card components

This commit is contained in:
Alex
2025-05-09 22:15:55 +01:00
parent 24bb2e469d
commit 7d76a33790

View File

@@ -127,7 +127,7 @@ function AgentsList() {
New Agent
</button>
</div>
<div className="flex w-full flex-wrap gap-4">
<div className="grid w-full grid-cols-2 gap-2 md:flex md:flex-wrap md:gap-4">
{loading ? (
<div className="flex h-72 w-full items-center justify-center">
<Spinner />
@@ -231,7 +231,7 @@ function AgentCard({
};
return (
<div
className={`relative flex h-44 w-48 flex-col justify-between rounded-[1.2rem] bg-[#F6F6F6] px-6 py-5 hover:bg-[#ECECEC] dark:bg-[#383838] hover:dark:bg-[#383838]/80 ${agent.status === 'published' && 'cursor-pointer'}`}
className={`relative flex h-44 w-full flex-col justify-between rounded-[1.2rem] bg-[#F6F6F6] px-6 py-5 hover:bg-[#ECECEC] dark:bg-[#383838] hover:dark:bg-[#383838]/80 md:w-48 ${agent.status === 'published' && 'cursor-pointer'}`}
onClick={(e) => {
e.stopPropagation();
handleClick();