sandvich
/
opencode
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

chore: cleanup

temp
Adam 2026-02-17 11:05:27 -06:00
parent acb46679e3
commit bfe875a651
No known key found for this signature in database
GPG Key ID: 9CB48779AF150E75
3 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/app/src/components/prompt-input.tsx
View File

@ -1349,10 +1349,10 @@ export const PromptInput: Component<PromptInputProps> = (props) => {
"text-icon-weak": store.mode !== mode,
}}
/>
<span class="sr-only">{mode === "shell" ? language.t("prompt.mode.shell") : "Prompt"}</span>
<span class="sr-only">{mode === "shell" ? language.t("prompt.mode.shell") : mode}</span>
</div>
)}
class="w-[68px] [&_[data-slot=radio-group-wrapper]]:w-full [&_[data-slot=radio-group-item]]:flex-1 [&_[data-slot=radio-group-item-label]]:h-6 [&_[data-slot=radio-group-item-label]]:p-0"
class="w-[68px] [&_[data-slot=radio-group-wrapper]]:h-7 [&_[data-slot=radio-group-wrapper]]:w-full [&_[data-slot=radio-group-wrapper]]:rounded-[4px] [&_[data-slot=radio-group-wrapper]]:border-[0.5px] [&_[data-slot=radio-group-wrapper]]:border-border-weak-base [&_[data-slot=radio-group-wrapper]]:bg-surface-inset-base [&_[data-slot=radio-group-wrapper]]:p-0 [&_[data-slot=radio-group-wrapper]]:shadow-none [&_[data-slot=radio-group-wrapper]]:overflow-visible [&_[data-slot=radio-group-items]]:h-full [&_[data-slot=radio-group-items]]:gap-1 [&_[data-slot=radio-group-indicator]]:rounded-[4px] [&_[data-slot=radio-group-indicator]]:bg-surface-raised-stronger-non-alpha [&_[data-slot=radio-group-indicator]]:shadow-[var(--shadow-xs-border)] [&_[data-slot=radio-group-item]]:h-full [&_[data-slot=radio-group-item]]:flex-1 [&_[data-slot=radio-group-item]]:p-0.5 [&_[data-slot=radio-group-item-label]]:size-full [&_[data-slot=radio-group-item-label]]:rounded-[2px] [&_[data-slot=radio-group-item-label]]:p-0"
/>
</div>
</div>

12
packages/ui/src/components/radio-group.css
View File

@ -7,6 +7,7 @@
--radio-group-padding: 2px;
--radio-group-gap: 2px;
--radio-group-radius: var(--radius-sm);
--radio-group-transition-duration: 200ms;
--radio-group-border-width: 0.5px;
--radio-group-border-color: var(--border-weak-base);
--radio-group-bg: var(--surface-inset-base);
@ -45,11 +46,14 @@
opacity: var(--indicator-opacity, 1);
position: absolute;
transition:
opacity 200ms ease-out,
opacity var(--radio-group-transition-duration) ease-out,
box-shadow 120ms ease-out,
width 200ms ease-out,
height 200ms ease-out,
transform 200ms ease-out;
width var(--radio-group-transition-duration) ease-out,
height var(--radio-group-transition-duration) ease-out,
transform var(--radio-group-transition-duration) ease-out,
translate var(--radio-group-transition-duration) ease-out,
left var(--radio-group-transition-duration) ease-out,
top var(--radio-group-transition-duration) ease-out;
will-change: transform, width, height;
}

5
packages/ui/src/components/radio-group.tsx
View File

@ -58,7 +58,10 @@ export function RadioGroup<T>(props: RadioGroupProps<T>) {
onChange={(v) => local.onSelect?.(findOption(v))}
>
<div role="presentation" data-slot="radio-group-wrapper">
<Kobalte.Indicator data-slot="radio-group-indicator" />
<Kobalte.Indicator
data-slot="radio-group-indicator"
style={{ "transition-duration": "var(--radio-group-transition-duration, 200ms)" }}
/>
<div role="presentation" data-slot="radio-group-items">
<For each={local.options}>
{(option) => (