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

feat(settings): adiciona shader animado no header do perfil

Browse source 
Substitui o degradê estático pelo shader animado usado nas páginas de login.

🤖 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 11:14:45 -03:00
parent b614fcd7dc
commit 4bbd3fda24
1 changed files with 10 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -3,6 +3,7 @@
import { FormEvent, useMemo, useRef, useState } from "react" import { FormEvent, useMemo, useRef, useState } from "react"
import Link from "next/link" import Link from "next/link"
import { useRouter } from "next/navigation" import { useRouter } from "next/navigation"
import dynamic from "next/dynamic"
import { toast } from "sonner" import { toast } from "sonner"
import { import {
Share2, Share2,
@ -32,6 +33,11 @@ import { Label } from "@/components/ui/label"
import { Separator } from "@/components/ui/separator" import { Separator } from "@/components/ui/separator"
import { useAuth, signOut } from "@/lib/auth-client" import { useAuth, signOut } from "@/lib/auth-client"
const ShaderBackground = dynamic(
() => import("@/components/background-paper-shaders-wrapper"),
{ ssr: false }
)
import type { LucideIcon } from "lucide-react" import type { LucideIcon } from "lucide-react"
type RoleRequirement = "admin" | "staff" type RoleRequirement = "admin" | "staff"
@ -439,8 +445,10 @@ function ProfileEditCard({
return ( return (
<Card className="rounded-2xl border border-border/60 bg-white shadow-sm overflow-hidden"> <Card className="rounded-2xl border border-border/60 bg-white shadow-sm overflow-hidden">
{/* Header com degradê */} {/* Header com shader animado */}
<div className="h-20 bg-gradient-to-r from-neutral-800 via-neutral-700 to-neutral-600" /> <div className="relative h-20 overflow-hidden">
<ShaderBackground className="absolute inset-0 h-full w-full" />
</div>
<CardHeader className="pb-4 -mt-10"> <CardHeader className="pb-4 -mt-10">
<div className="flex items-end gap-4"> <div className="flex items-end gap-4">
<div className="relative group"> <div className="relative group">