From 424927573c9f7e5218bec3f01b7c017894b4d5d0 Mon Sep 17 00:00:00 2001
From: rever-tecnologia <revertecnologia@gmail.com>
Date: Mon, 15 Dec 2025 14:34:41 -0300
Subject: [PATCH] fix(settings): posiciona background no topo absoluto do card
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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>
---
 src/components/settings/settings-content.tsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/components/settings/settings-content.tsx b/src/components/settings/settings-content.tsx
index 87ec795..16ccd92 100644
--- a/src/components/settings/settings-content.tsx
+++ b/src/components/settings/settings-content.tsx
@@ -488,12 +488,13 @@ function ProfileEditCard({
   }
 
   return (
-    <Card className="rounded-2xl border border-border/60 bg-white shadow-sm overflow-hidden">
-      {/* Header com shader animado - altura suficiente para cobrir area superior */}
-      <div className="relative h-28 overflow-hidden">
-        <ShaderBackground className="absolute inset-0 h-full w-full" />
+    <Card className="relative rounded-2xl border border-border/60 bg-white shadow-sm overflow-hidden">
+      {/* Background absoluto no topo do card */}
+      <div className="absolute inset-x-0 top-0 h-20">
+        <ShaderBackground className="h-full w-full" />
       </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="relative group">
             <Avatar className="size-20 border-4 border-white shadow-lg ring-2 ring-neutral-200">