fea: adjust style in disabled mode

This commit is contained in:
Li Xin 2025-04-24 16:15:23 +08:00
parent 7d143f085c
commit 705d15840d

View File

@ -94,10 +94,9 @@ export const MCPTab: Tab = ({ settings, onChange }) => {
server.createdAt > Date.now() - 1000 * 60 * 60 * 1; server.createdAt > Date.now() - 1000 * 60 * 60 * 1;
return ( return (
<motion.li <motion.li
className={cn( className={
"!bg-card group relative overflow-hidden rounded-lg border pb-2 shadow transition-opacity duration-300", "!bg-card group relative overflow-hidden rounded-lg border pb-2 shadow duration-300"
!server.enabled && "opacity-60", }
)}
key={server.name} key={server.name}
{...(isNew && newlyAdded && animationProps)} {...(isNew && newlyAdded && animationProps)}
> >
@ -125,8 +124,18 @@ export const MCPTab: Tab = ({ settings, onChange }) => {
</Button> </Button>
</Tooltip> </Tooltip>
</div> </div>
<div className="flex flex-col items-start px-4 py-2"> <div
<div className="mb-2 flex items-center gap-2"> className={cn(
"flex flex-col items-start px-4 py-2",
!server.enabled && "text-muted-foreground",
)}
>
<div
className={cn(
"mb-2 flex items-center gap-2",
!server.enabled && "opacity-60",
)}
>
<div className="text-lg font-medium">{server.name}</div> <div className="text-lg font-medium">{server.name}</div>
{!server.enabled && ( {!server.enabled && (
<div className="bg-primary text-primary-foreground h-fit rounded px-1.5 py-0.5 text-xs"> <div className="bg-primary text-primary-foreground h-fit rounded px-1.5 py-0.5 text-xs">
@ -142,7 +151,12 @@ export const MCPTab: Tab = ({ settings, onChange }) => {
</div> </div>
)} )}
</div> </div>
<ul className="flex flex-wrap items-center gap-2"> <ul
className={cn(
"flex flex-wrap items-center gap-2",
!server.enabled && "opacity-60",
)}
>
<PencilRuler size={16} /> <PencilRuler size={16} />
{server.tools.map((tool) => ( {server.tools.map((tool) => (
<li <li