ui: padroniza altura e filtros em automações/checklists

- Usa size=sm nos botões (Nova automação/Novo template) para bater com Empréstimos\n- Ajusta altura do input e selects na listagem de automações e deixa filtros autoexplicativos
This commit is contained in:
esdrasrenan 2025-12-13 21:22:15 -03:00
parent 51c9cab79c
commit e0530299b1
2 changed files with 11 additions and 7 deletions

View file

@ -163,11 +163,13 @@ export function AutomationsManager() {
value={queryText} value={queryText}
onChange={(e) => setQueryText(e.target.value)} onChange={(e) => setQueryText(e.target.value)}
placeholder="Buscar automação..." placeholder="Buscar automação..."
className="w-full sm:w-64" className="h-8 w-full text-sm sm:w-64"
/> />
<Select value={triggerFilter} onValueChange={setTriggerFilter}> <Select value={triggerFilter} onValueChange={setTriggerFilter}>
<SelectTrigger className="w-full sm:w-44"> <SelectTrigger size="sm" className="w-full sm:w-52">
<SelectValue placeholder="Quando" /> <span className="truncate">
<span className="text-neutral-500">Quando:</span> <SelectValue />
</span>
</SelectTrigger> </SelectTrigger>
<SelectContent className="rounded-xl"> <SelectContent className="rounded-xl">
<SelectItem value="all">Todos</SelectItem> <SelectItem value="all">Todos</SelectItem>
@ -180,8 +182,10 @@ export function AutomationsManager() {
</SelectContent> </SelectContent>
</Select> </Select>
<Select value={statusFilter} onValueChange={setStatusFilter}> <Select value={statusFilter} onValueChange={setStatusFilter}>
<SelectTrigger className="w-full sm:w-40"> <SelectTrigger size="sm" className="w-full sm:w-44">
<SelectValue placeholder="Status" /> <span className="truncate">
<span className="text-neutral-500">Ativação:</span> <SelectValue />
</span>
</SelectTrigger> </SelectTrigger>
<SelectContent className="rounded-xl"> <SelectContent className="rounded-xl">
<SelectItem value="all">Todos</SelectItem> <SelectItem value="all">Todos</SelectItem>
@ -191,7 +195,7 @@ export function AutomationsManager() {
</Select> </Select>
<Dialog open={editorOpen} onOpenChange={setEditorOpen}> <Dialog open={editorOpen} onOpenChange={setEditorOpen}>
<DialogTrigger asChild> <DialogTrigger asChild>
<Button onClick={handleNew} className="gap-2"> <Button size="sm" onClick={handleNew} className="gap-2">
<Plus className="size-4" /> <Plus className="size-4" />
Nova automação Nova automação
</Button> </Button>

View file

@ -322,7 +322,7 @@ export function ChecklistTemplatesManager() {
/> />
Exibir arquivados Exibir arquivados
</label> </label>
<Button type="button" onClick={handleNew} className="gap-2"> <Button type="button" size="sm" onClick={handleNew} className="gap-2">
<Plus className="size-4" /> <Plus className="size-4" />
Novo template Novo template
</Button> </Button>