style(mcp/ui): give env-vars section its production look

Drop the experimental purple dashed-border treatment on the
Environment Variables form section in favor of the standard neutral
solid-bordered section style, and switch the info tooltip icon to the
codebase's conventional blue.

https://claude.ai/code/session_01A3Rkwd7PRAL8EXc6wJUouA
This commit is contained in:
mateo-berri 2026-05-27 00:37:19 +00:00
parent 1db27bdabb
commit d042da11bb
No known key found for this signature in database

View file

@ -25,7 +25,7 @@ const SCOPE_OPTIONS = [
*/
const EnvVarsSection: React.FC = () => {
return (
<div className="rounded-lg border border-dashed border-purple-300 bg-purple-50 p-4">
<div className="rounded-lg border border-gray-200 bg-gray-50 p-4">
<div className="flex items-center gap-2 mb-1">
<Text strong className="text-sm">
Environment Variables
@ -42,7 +42,7 @@ const EnvVarsSection: React.FC = () => {
</>
}
>
<InfoCircleOutlined className="text-purple-500" />
<InfoCircleOutlined className="text-blue-400 hover:text-blue-600 cursor-help" />
</Tooltip>
</div>
<Text className="text-xs text-gray-600 block mb-3">