style(companies): centraliza itens na tabela de empresas
- Adiciona text-center em todos os TableCell - Centraliza conteudo interno com justify-center - Mantem texto a esquerda dentro dos cards de contrato/contato 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
parent
d38d5d39eb
commit
a9feea9b78
1 changed files with 11 additions and 11 deletions
|
|
@ -814,13 +814,13 @@ function TableView({ companies, machineCountsBySlug, onEdit, onDelete }: TableVi
|
|||
|
||||
return (
|
||||
<TableRow key={company.id} className="hover:bg-muted/40">
|
||||
<TableCell className="align-middle">
|
||||
<div className="flex min-h-[3.5rem] flex-col justify-center gap-1">
|
||||
<TableCell className="text-center align-middle">
|
||||
<div className="flex min-h-[3.5rem] flex-col items-center justify-center gap-1">
|
||||
<div className="flex items-center gap-2">
|
||||
<p className="font-semibold text-foreground">{company.name}</p>
|
||||
{company.isAvulso ? <Badge variant="outline">Avulso</Badge> : null}
|
||||
</div>
|
||||
<div className="flex flex-wrap gap-1 text-xs text-muted-foreground">
|
||||
<div className="flex flex-wrap justify-center gap-1 text-xs text-muted-foreground">
|
||||
{company.domain ? <span>{company.domain}</span> : null}
|
||||
{company.phone ? (
|
||||
<span className="inline-flex items-center gap-1">
|
||||
|
|
@ -829,7 +829,7 @@ function TableView({ companies, machineCountsBySlug, onEdit, onDelete }: TableVi
|
|||
</span>
|
||||
) : null}
|
||||
</div>
|
||||
<div className="flex flex-wrap gap-1">
|
||||
<div className="flex flex-wrap justify-center gap-1">
|
||||
{company.tags.map((tag) => (
|
||||
<Badge key={tag} variant="secondary" className="text-[11px] uppercase">
|
||||
{tag}
|
||||
|
|
@ -838,13 +838,13 @@ function TableView({ companies, machineCountsBySlug, onEdit, onDelete }: TableVi
|
|||
</div>
|
||||
</div>
|
||||
</TableCell>
|
||||
<TableCell className="align-middle text-sm">
|
||||
<TableCell className="text-center align-middle text-sm">
|
||||
{contracts.length === 0 ? (
|
||||
<p className="text-muted-foreground">Nenhum contrato registrado.</p>
|
||||
) : (
|
||||
<ul className="space-y-1 text-xs">
|
||||
{contracts.map((contract) => (
|
||||
<li key={contract.id} className="rounded-md border border-border/60 px-2 py-1">
|
||||
<li key={contract.id} className="rounded-md border border-border/60 px-2 py-1 text-left">
|
||||
<p className="font-semibold capitalize">{contract.contractType}</p>
|
||||
<p className="text-muted-foreground">
|
||||
{contract.scope.length ? contract.scope.join(", ") : "Escopo base"}
|
||||
|
|
@ -860,13 +860,13 @@ function TableView({ companies, machineCountsBySlug, onEdit, onDelete }: TableVi
|
|||
</ul>
|
||||
)}
|
||||
</TableCell>
|
||||
<TableCell className="align-middle text-sm">
|
||||
<TableCell className="text-center align-middle text-sm">
|
||||
{contacts.length === 0 ? (
|
||||
<p className="text-muted-foreground">Nenhum contato cadastrado.</p>
|
||||
) : (
|
||||
<ul className="space-y-1 text-xs">
|
||||
{contacts.map((contact) => (
|
||||
<li key={contact.id} className="rounded-md border border-border/60 px-2 py-1">
|
||||
<li key={contact.id} className="rounded-md border border-border/60 px-2 py-1 text-left">
|
||||
<p className="font-semibold">{contact.fullName}</p>
|
||||
<p className="text-muted-foreground">{contact.email}</p>
|
||||
<p className="text-muted-foreground capitalize">{contact.role.replace("_", " ")}</p>
|
||||
|
|
@ -880,11 +880,11 @@ function TableView({ companies, machineCountsBySlug, onEdit, onDelete }: TableVi
|
|||
</ul>
|
||||
)}
|
||||
</TableCell>
|
||||
<TableCell className="align-middle text-sm">
|
||||
<TableCell className="text-center align-middle text-sm">
|
||||
<Badge variant="outline">{machineCount}</Badge>
|
||||
</TableCell>
|
||||
<TableCell className="align-middle text-right text-sm">
|
||||
<div className="flex flex-wrap items-center justify-end gap-1.5">
|
||||
<TableCell className="text-center align-middle text-sm">
|
||||
<div className="flex flex-wrap items-center justify-center gap-1.5">
|
||||
<Button
|
||||
size="sm"
|
||||
variant="outline"
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue