Makr border darker

This commit is contained in:
Zamil Majdy
2024-10-01 02:37:05 +02:00
parent 8c45e3482c
commit 82c6be75c1
6 changed files with 10 additions and 9 deletions

View File

@@ -105,7 +105,7 @@ const AgentCard: React.FC<{ agent: Agent; featured?: boolean }> = ({
return (
<div
className={`flex cursor-pointer flex-col justify-between rounded-lg border p-6 transition-colors duration-200 hover:bg-gray-50 ${featured ? "border-indigo-500 shadow-md" : "border-gray-200"}`}
className={`flex cursor-pointer flex-col justify-between rounded-lg border p-6 transition-colors duration-200 hover:bg-gray-50 ${featured ? "border-indigo-500 shadow-md" : "border-gray-300"}`}
onClick={handleClick}
>
<div>

View File

@@ -515,7 +515,7 @@ export function CustomNode({
"dark-theme",
"rounded-xl",
"bg-white/[.9]",
"border",
"border border-gray-300",
data.uiType === BlockUIType.NOTE ? "w-[300px]" : "w-[500px]",
data.uiType === BlockUIType.NOTE ? "bg-yellow-100" : "bg-white",
selected ? "shadow-2xl" : "",
@@ -583,7 +583,7 @@ export function CustomNode({
const LineSeparator = () => (
<div className="bg-white pt-6">
<Separator.Root className="h-[1px] w-full bg-gray-200"></Separator.Root>
<Separator.Root className="h-[1px] w-full bg-gray-300"></Separator.Root>
</div>
);
@@ -596,7 +596,7 @@ export function CustomNode({
<CopyIcon className="h-5 w-5 mr-2" />
<span>Copy</span>
</ContextMenu.Item>
<ContextMenu.Separator className="my-1 h-px bg-gray-200" />
<ContextMenu.Separator className="my-1 h-px bg-gray-300" />
<ContextMenu.Item
onSelect={deleteNode}
className="cursor-pointer flex rounded-md px-3 py-2 text-red-500 hover:bg-gray-100 items-center"

View File

@@ -23,7 +23,7 @@ export default function NodeOutputs({
<strong className="mr-2">Pin:</strong>
<span>{beautifyString(pin)}</span>
</div>
<Separator.Root className="my-4 h-[1px] bg-gray-200" />
<Separator.Root className="my-4 h-[1px] bg-gray-300" />
<div className="mt-2">
<strong className="mr-2">Data:</strong>
<div className="mt-1">

View File

@@ -179,8 +179,9 @@ export const BlocksControl: React.FC<BlocksControlProps> = ({
<div
className="flex flex-shrink-0 items-center gap-1"
data-id={`block-tooltip-${block.id}`}
></div>
<PlusIcon className="h-6 w-6 rounded-lg bg-gray-200 stroke-black stroke-[0.5px] p-1" />
>
<PlusIcon className="h-6 w-6 rounded-lg bg-gray-200 stroke-black stroke-[0.5px] p-1" />
</div>
</div>
</Card>
))}

View File

@@ -145,7 +145,7 @@ function AgentDetailContent({ agent }: { agent: AgentDetailResponse }) {
{agent.description}
</p>
</div>
<div className="border-t border-gray-200 px-4 py-5 sm:p-0">
<div className="border-t border-gray-300 px-4 py-5 sm:p-0">
<dl className="sm:divide-y sm:divide-gray-200">
<div className="py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6 sm:py-5">
<dt className="flex items-center text-sm font-medium text-gray-500">

View File

@@ -11,7 +11,7 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
<input
type={type}
className={cn(
"flex h-9 w-full rounded-md border border-gray-200 bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-gray-500 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-gray-400 disabled:cursor-not-allowed disabled:opacity-50 dark:border-gray-800 dark:placeholder:text-gray-400 dark:focus-visible:ring-gray-300",
"flex h-9 w-full rounded-md border border-gray-300 bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-gray-500 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-gray-400 disabled:cursor-not-allowed disabled:opacity-50 dark:border-gray-800 dark:placeholder:text-gray-400 dark:focus-visible:ring-gray-300",
type == "file" ? "pb-0.5 pt-1.5" : "", // fix alignment
className,
)}