mirror of
https://github.com/aljazceru/opencode.git
synced 2026-01-08 02:14:53 +01:00
wip: zen style byok
This commit is contained in:
@@ -150,6 +150,12 @@
|
|||||||
&:last-child td {
|
&:last-child td {
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&[data-disabled="true"] {
|
||||||
|
td[data-slot="model-name"] {
|
||||||
|
color: var(--color-text-muted);
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -65,7 +65,7 @@ export function ModelSection() {
|
|||||||
{(modelId) => {
|
{(modelId) => {
|
||||||
const isEnabled = createMemo(() => !modelsInfo()!.disabled.includes(modelId))
|
const isEnabled = createMemo(() => !modelsInfo()!.disabled.includes(modelId))
|
||||||
return (
|
return (
|
||||||
<tr data-slot="model-row">
|
<tr data-slot="model-row" data-disabled={!isEnabled()}>
|
||||||
<td data-slot="model-name">{modelId}</td>
|
<td data-slot="model-name">{modelId}</td>
|
||||||
<td data-slot="model-toggle">
|
<td data-slot="model-toggle">
|
||||||
<form action={updateModel} method="post">
|
<form action={updateModel} method="post">
|
||||||
|
|||||||
@@ -32,9 +32,9 @@
|
|||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
|
|
||||||
&[data-slot="provider-status"] {
|
&[data-slot="provider-key"] {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
color: var(--color-text);
|
color: var(--color-text-secondary);
|
||||||
width: 50%;
|
width: 50%;
|
||||||
|
|
||||||
[data-slot="edit-form"] {
|
[data-slot="edit-form"] {
|
||||||
@@ -109,10 +109,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
tbody tr {
|
tbody tr {
|
||||||
&[data-enabled="false"] {
|
|
||||||
opacity: 0.6;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
[data-slot="provider-action"] [data-slot="delete-form"] {
|
[data-slot="provider-action"] [data-slot="delete-form"] {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
|
|||||||
@@ -84,12 +84,12 @@ function ProviderRow(props: { provider: Provider }) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<tr data-slot="provider-row" data-enabled={!!providerData()}>
|
<tr data-slot="provider-row">
|
||||||
<td data-slot="provider-name">{props.provider.name}</td>
|
<td data-slot="provider-name">{props.provider.name}</td>
|
||||||
<td data-slot="provider-status">
|
<td data-slot="provider-key">
|
||||||
<Show
|
<Show
|
||||||
when={store.editing}
|
when={store.editing}
|
||||||
fallback={<span>{providerData() ? maskCredentials(providerData()!.credentials) : "Not Configured"}</span>}
|
fallback={<span>{providerData() ? maskCredentials(providerData()!.credentials) : "--"}</span>}
|
||||||
>
|
>
|
||||||
<form id={`provider-form-${props.provider.key}`} action={saveProvider} method="post" data-slot="edit-form">
|
<form id={`provider-form-${props.provider.key}`} action={saveProvider} method="post" data-slot="edit-form">
|
||||||
<div data-slot="input-wrapper">
|
<div data-slot="input-wrapper">
|
||||||
|
|||||||
Reference in New Issue
Block a user