diff options
| author | Frank <[email protected]> | 2025-10-14 17:06:46 -0400 |
|---|---|---|
| committer | Frank <[email protected]> | 2025-10-14 17:06:49 -0400 |
| commit | 29b95dee533853d4a0bc9e369345395d97830e50 (patch) | |
| tree | f8598c4324d4bdf6f117d65b0659015e770155e0 | |
| parent | ef9a1e911e147985cdf5b6bed7572c405cc79f7e (diff) | |
| download | opencode-29b95dee533853d4a0bc9e369345395d97830e50.tar.gz opencode-29b95dee533853d4a0bc9e369345395d97830e50.zip | |
wip: zen
| -rw-r--r-- | packages/console/app/src/routes/workspace/[id]/model-section.module.css | 27 | ||||
| -rw-r--r-- | packages/console/app/src/routes/workspace/[id]/model-section.tsx | 43 |
2 files changed, 37 insertions, 33 deletions
diff --git a/packages/console/app/src/routes/workspace/[id]/model-section.module.css b/packages/console/app/src/routes/workspace/[id]/model-section.module.css index 420545670..fa7684888 100644 --- a/packages/console/app/src/routes/workspace/[id]/model-section.module.css +++ b/packages/console/app/src/routes/workspace/[id]/model-section.module.css @@ -34,6 +34,12 @@ color: var(--color-text); font-family: var(--font-mono); font-weight: 500; + + div { + display: flex; + align-items: center; + gap: 8px; + } } &[data-slot="training-data"] { @@ -88,8 +94,8 @@ } /* Checked state - track */ - input:checked+span { - background-color: #21AD0E; + input:checked + span { + background-color: #21ad0e; border-color: #148605; /* Checked state - handle */ @@ -103,7 +109,7 @@ box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.2); } - input:checked:hover+span { + input:checked:hover + span { box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.3); } @@ -112,16 +118,16 @@ cursor: not-allowed; } - input:disabled+span { + input:disabled + span { opacity: 0.5; cursor: not-allowed; } - input:disabled:checked+span { + input:disabled:checked + span { opacity: 0.5; } - input:disabled~span:hover { + input:disabled ~ span:hover { box-shadow: none; } } @@ -142,7 +148,6 @@ @media (max-width: 40rem) { [data-slot="models-table-element"] { - th, td { padding: var(--space-2) var(--space-3); @@ -152,8 +157,7 @@ th { &:nth-child(2) - /* Training Data */ - { + /* Training Data */ { display: none; } } @@ -161,10 +165,9 @@ td { &:nth-child(2) - /* Training Data */ - { + /* Training Data */ { display: none; } } } -}
\ No newline at end of file +} diff --git a/packages/console/app/src/routes/workspace/[id]/model-section.tsx b/packages/console/app/src/routes/workspace/[id]/model-section.tsx index 6b8cc3254..b4a38d050 100644 --- a/packages/console/app/src/routes/workspace/[id]/model-section.tsx +++ b/packages/console/app/src/routes/workspace/[id]/model-section.tsx @@ -77,7 +77,6 @@ export function ModelSection() { <table data-slot="models-table-element"> <thead> <tr> - <th></th> <th>Model</th> <th></th> <th>Enabled</th> @@ -89,27 +88,29 @@ export function ModelSection() { const isEnabled = createMemo(() => !modelsInfo()!.disabled.includes(id)) return ( <tr data-slot="model-row" data-disabled={!isEnabled()}> - <td data-slot="model-icon"> - {(() => { - switch (lab) { - case "OpenAI": - return <IconOpenAI width={16} height={16} /> - case "Anthropic": - return <IconAnthropic width={16} height={16} /> - case "Moonshot AI": - return <IconMoonshotAI width={16} height={16} /> - case "Z.ai": - return <IconZai width={16} height={16} /> - case "Alibaba": - return <IconAlibaba width={16} height={16} /> - case "xAI": - return <IconXai width={16} height={16} /> - default: - return <IconStealth width={16} height={16} /> - } - })()} + <td data-slot="model-name"> + <div> + {(() => { + switch (lab) { + case "OpenAI": + return <IconOpenAI width={16} height={16} /> + case "Anthropic": + return <IconAnthropic width={16} height={16} /> + case "Moonshot AI": + return <IconMoonshotAI width={16} height={16} /> + case "Z.ai": + return <IconZai width={16} height={16} /> + case "Alibaba": + return <IconAlibaba width={16} height={16} /> + case "xAI": + return <IconXai width={16} height={16} /> + default: + return <IconStealth width={16} height={16} /> + } + })()} + <span>{name}</span> + </div> </td> - <td data-slot="model-name">{name}</td> <td data-slot="model-lab">{lab}</td> <td data-slot="model-toggle"> <form action={updateModel} method="post"> |