feat: Refactor order flow initiation logic and enhance UI button styles for better user experience

This commit is contained in:
2026-01-08 09:08:25 -03:00
parent e97bcfbd6a
commit 5a6d9069c9
5 changed files with 95 additions and 59 deletions

View File

@@ -386,14 +386,14 @@
<div class="flex flex-none items-center gap-1">
<button
class="btn btn-circle btn-ghost btn-sm hover:bg-primary/10 hover:text-primary transition-colors"
class="btn btn-ghost btn-sm hover:bg-primary/10 hover:text-primary transition-colors"
onclick={() => openEditEtapa(etapa)}
title="Editar etapa"
>
<Edit size={16} />
</button>
<button
class="btn btn-circle btn-ghost btn-sm text-base-content/30 hover:bg-error/10 hover:text-error transition-colors"
class="btn btn-error btn-sm text-base-content/30 hover:bg-error/10 hover:text-error transition-colors"
onclick={() => handleDeleteEtapa(etapa)}
title="Excluir etapa"
>
@@ -495,7 +495,7 @@
</div>
{:else}
<button
class="btn btn-ghost btn-circle btn-sm text-base-content/30 hover:text-accent hover:bg-accent/10 opacity-0 transition-all group-hover:opacity-100"
class="btn btn-ghost btn-sm text-base-content/30 hover:text-accent hover:bg-accent/10 opacity-0 transition-all group-hover:opacity-100"
onclick={() => handleSetPadrao(transicao._id)}
title="Marcar como avanço padrão"
>
@@ -506,7 +506,7 @@
<div class="divider divider-horizontal mx-0 h-6 opacity-30"></div>
<button
class="btn btn-ghost btn-circle btn-sm text-base-content/30 hover:text-error hover:bg-error/10 transition-all"
class="btn btn-sm btn-error text-base-content/30 hover:text-error hover:bg-error/10 transition-all"
onclick={() => handleDeleteTransicao(transicao)}
title="Excluir transição"
>
@@ -540,7 +540,7 @@
{editingEtapaId ? 'Editar Etapa' : 'Nova Etapa'}
</h3>
</div>
<button class="btn btn-circle btn-ghost btn-sm" onclick={closeEtapaModal}>
<button class="btn btn-circle btn-sm" onclick={closeEtapaModal}>
<X size={20} />
</button>
</div>
@@ -697,7 +697,7 @@
</div>
<h3 class="text-lg font-black tracking-tight uppercase">Nova Transição</h3>
</div>
<button class="btn btn-circle btn-ghost btn-sm" onclick={closeTransicaoModal}>
<button class="btn btn-circle btn-sm" onclick={closeTransicaoModal}>
<X size={20} />
</button>
</div>
@@ -753,9 +753,7 @@
</select>
</div>
<div
class="alert alert-info bg-info/5 border-info/20 mt-4 flex items-start gap-3 rounded-xl"
>
<div class="alert alert-info border-info/20 mt-4 flex items-start gap-3 rounded-xl">
<div class="bg-info text-info-content mt-0.5 rounded-full p-1">
<Star size={10} fill="currentColor" />
</div>
@@ -780,9 +778,7 @@
Criar Transição
{/if}
</button>
<button class="btn btn-ghost btn-block btn-sm" onclick={closeTransicaoModal}>
Descartar
</button>
<button class="btn btn-block btn-sm" onclick={closeTransicaoModal}> Descartar </button>
</div>
</div>
</div>