okooooooo/edgeever
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(ai): rebalance assistant controls

Browse Source
This commit is contained in:
tianma-if committed 2026-08-12 17:53:44 +08:00
1 parent 3a057b2507
commit e96cf62d68
1 file changed
+6 -6
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/components/dialogs/AiAssistantDialog.tsx
+6 -6
View File
@@ -326,9 +326,9 @@ export const AiAssistantDialog = ({
</button>
) : null}
</div>
<div className="flex min-w-0 flex-col gap-2 sm:flex-row sm:items-center">
<div className="grid min-w-0 grid-cols-1 gap-2 sm:grid-cols-3">
<Select value={selectValue} onValueChange={handleActionChange}>
<SelectTrigger aria-label={t("aiAssistant.actionLabel")} className="h-10 w-full min-w-0 sm:w-60 sm:shrink-0">
<SelectTrigger aria-label={t("aiAssistant.actionLabel")} className="h-10 w-full min-w-0 sm:col-span-2">
<SelectValue placeholder={t("aiAssistant.actionLabel")} />
</SelectTrigger>
<SelectContent>
@@ -347,22 +347,22 @@ export const AiAssistantDialog = ({
</SelectGroup>
</SelectContent>
</Select>
<div className="flex min-w-0 gap-2">
<div className="grid min-w-0 grid-cols-2 gap-2">
<Button
type="button"
variant={!selectedPromptId && action === "custom" ? "solid" : "outline"}
className="h-10 min-w-0 flex-1 gap-1 px-2 text-xs font-normal text-slate-600 sm:h-8 sm:flex-none sm:shrink-0"
className="h-10 min-w-0 w-full gap-1 px-2 text-xs font-normal text-slate-600"
onClick={() => handleActionChange(FREEFORM_VALUE)}
>
<PenLine className="h-3.5 w-3.5" />
{t("aiAssistant.useCustom")}
</Button>
{isGenerating ? (
<Button type="button" variant="solid" className="h-10 min-w-[7.5rem] flex-1 shrink-0 gap-1.5 px-3 text-sm font-semibold sm:w-[7.5rem] sm:flex-none sm:px-0" onClick={() => controllerRef.current?.abort()}>
<Button type="button" variant="solid" className="h-10 min-w-0 w-full gap-1.5 px-2 text-sm font-semibold" onClick={() => controllerRef.current?.abort()}>
<Square className="h-3.5 w-3.5" />{t("aiAssistant.stop")}
</Button>
) : (
<Button type="button" variant="solid" className="h-10 min-w-[7.5rem] flex-1 shrink-0 gap-1.5 px-3 text-sm font-semibold sm:w-[7.5rem] sm:flex-none sm:px-0" disabled={generateDisabled} onClick={() => void generate()}>
<Button type="button" variant="solid" className="h-10 min-w-0 w-full gap-1.5 px-2 text-sm font-semibold" disabled={generateDisabled} onClick={() => void generate()}>
<Sparkles className="h-4 w-4" />{t("aiAssistant.generate")}
</Button>
)}