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:
parent
51c9cab79c
commit
e0530299b1
2 changed files with 11 additions and 7 deletions
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue