Feature/25 card component

Mudanças

Finalização do código do card component (https://github.com/AGES-Pro-Mata/frontend/issues/25)

Como testar

Criar um arquivo chamado App com o seguinte código, e mudar o index também: App: "import CanvasCard from "@/components/ui/CanvasCard"; export default function App() { return ( <"div className="min-h-screen bg-gray-100 flex items-center justify-center p-10"> <"CanvasCard className="w-[499px] h-[372px] box-border p-0 rounded-xl bg-card text-card-foreground shadow-md border transition-all duration-300 hover:shadow-lg" /> <"/div> ); }"

Index: import { createFileRoute } from "@tanstack/react-router"; import CanvasCard from "@/components/ui/CanvasCard"; export const Route = createFileRoute("/(index)/")({ component: HomePage, });

function HomePage() { return ( <"div className="min-h-screen bg-gray-100 flex items-center justify-center p-10"> <"CanvasCard className="w-[499px] h-[372px]"> <"/CanvasCard> <"/div> ); }

(Caso não funcione posso ter errado algum código pois apaguei antes do PR por conta do commit, mas posso rever!)

Acceptance Criteria

Ser um "Canva" de outro componentes

Observações

Não tenho certeza da cor utilizada, pois não achei o card da issue no Figma e nem no style.

🔄 Sincronizado do GitHub

🔗 PR original: https://github.com/AGES-Pro-Mata/frontend/pull/46
👤 Autor: @mellorafaa
📅 Criado: 2025-08-26T01:17:25Z
🔢 ID GitHub: #46
🌿 Branches: feature/25-card-component → dev
📊 Estado: closed
🔀 Mergeable: unknown

Sincronizado automaticamente do GitHub para GitLab AGES