esdras/sistema-de-chamados
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ui: ajustar layout do prazo de reabertura abaixo da linha de acoes

Browse source
This commit is contained in:
Esdras Renan 2025-11-14 11:17:51 -03:00
parent 4d4a2e3aaf
commit 16bbd1e4b8
1 changed files with 50 additions and 50 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/components/tickets/ticket-summary-header.tsx
View file

@ -1096,7 +1096,8 @@ export function TicketSummaryHeader({ ticket }: TicketHeaderProps) {
return ( return (
<div id="ticket-summary-header" className={cardClass}> <div id="ticket-summary-header" className={cardClass}>
<div className="absolute right-6 top-6 flex items-center gap-3"> <div className="absolute right-6 top-6 flex flex-col items-end gap-1">
<div className="flex items-center gap-3">
{status !== "RESOLVED" ? ( {status !== "RESOLVED" ? (
<Button <Button
type="button" type="button"
@ -1106,7 +1107,6 @@ export function TicketSummaryHeader({ ticket }: TicketHeaderProps) {
<CheckCircle2 className="size-4" /> Encerrar <CheckCircle2 className="size-4" /> Encerrar
</Button> </Button>
) : canReopenTicket ? ( ) : canReopenTicket ? (
<div className="flex flex-col items-end gap-1">
<Button <Button
type="button" type="button"
className="inline-flex items-center gap-2 rounded-lg border border-sidebar-border bg-white px-3 py-1.5 text-sm font-semibold text-neutral-800 transition-all duration-200 ease-out hover:-translate-y-0.5 hover:border-sidebar-ring hover:bg-slate-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--sidebar-ring)]/30 active:translate-y-0 active:border-sidebar-ring" className="inline-flex items-center gap-2 rounded-lg border border-sidebar-border bg-white px-3 py-1.5 text-sm font-semibold text-neutral-800 transition-all duration-200 ease-out hover:-translate-y-0.5 hover:border-sidebar-ring hover:bg-slate-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--sidebar-ring)]/30 active:translate-y-0 active:border-sidebar-ring"
@ -1116,10 +1116,6 @@ export function TicketSummaryHeader({ ticket }: TicketHeaderProps) {
{isReopening ? <Spinner className="size-4 text-neutral-600" /> : <RotateCcw className="size-4" />} {isReopening ? <Spinner className="size-4 text-neutral-600" /> : <RotateCcw className="size-4" />}
Reabrir Reabrir
</Button> </Button>
{reopenDeadlineLabel ? (
<p className="text-[11px] text-neutral-500">Prazo para reabrir: {reopenDeadlineLabel}</p>
) : null}
</div>
) : null} ) : null}
{workSummary ? ( {workSummary ? (
<Tooltip> <Tooltip>
@ -1162,6 +1158,10 @@ export function TicketSummaryHeader({ ticket }: TicketHeaderProps) {
</Button> </Button>
<DeleteTicketDialog ticketId={ticket.id as Id<"tickets">} /> <DeleteTicketDialog ticketId={ticket.id as Id<"tickets">} />
</div> </div>
{status === "RESOLVED" && canReopenTicket && reopenDeadlineLabel ? (
<p className="text-[11px] text-neutral-500">Prazo para reabrir: {reopenDeadlineLabel}</p>
) : null}
</div>
<CloseTicketDialog <CloseTicketDialog
open={closeOpen} open={closeOpen}
onOpenChange={setCloseOpen} onOpenChange={setCloseOpen}