mirror of
https://git.mirrors.martin98.com/https://github.com/bytedance/deer-flow
synced 2025-10-05 04:26:29 +08:00
fea: adjust style in disabled mode
This commit is contained in:
parent
7d143f085c
commit
705d15840d
@ -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
|
||||||
|
Loading…
x
Reference in New Issue
Block a user