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

fix(settings): posiciona background no topo absoluto do card

Browse source 
Background agora usa position absolute para cobrir desde o
topo do card, eliminando a faixa branca acima.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
rever-tecnologia 2025-12-15 14:34:41 -03:00
parent 5f0c9b68c3
commit 424927573c
1 changed files with 6 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/components/settings/settings-content.tsx
View file

@ -488,12 +488,13 @@ function ProfileEditCard({
} }
return ( return (
<Card className="rounded-2xl border border-border/60 bg-white shadow-sm overflow-hidden"> <Card className="relative rounded-2xl border border-border/60 bg-white shadow-sm overflow-hidden">
{/* Header com shader animado - altura suficiente para cobrir area superior */} {/* Background absoluto no topo do card */}
<div className="relative h-28 overflow-hidden"> <div className="absolute inset-x-0 top-0 h-20">
<ShaderBackground className="absolute inset-0 h-full w-full" /> <ShaderBackground className="h-full w-full" />
</div> </div>
<CardHeader className="pb-4 -mt-14"> {/* Conteudo com padding-top para ficar abaixo do background */}
<CardHeader className="relative pb-4 pt-10">
<div className="flex items-end gap-4"> <div className="flex items-end gap-4">
<div className="relative group"> <div className="relative group">
<Avatar className="size-20 border-4 border-white shadow-lg ring-2 ring-neutral-200"> <Avatar className="size-20 border-4 border-white shadow-lg ring-2 ring-neutral-200">