From 85b41d6b9f5c605a3adc450ac8f67e52cb384463 Mon Sep 17 00:00:00 2001 From: nessi Date: Tue, 3 Feb 2026 11:18:47 +0100 Subject: [PATCH] Refactor and optimize styles for PaperCard and UI elements. The PaperCard component now uses a reusable SVG-based "torn paper edge" for improved performance and maintainability. Several redundant styles, unnecessary comments, and animations were removed, resulting in cleaner and more consistent code. Background gradients were streamlined, and redundant wrapper styles were eliminated. --- frontend/src/App.jsx | 194 +++++++++++++++++-------------------------- 1 file changed, 74 insertions(+), 120 deletions(-) diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx index c1b1dd6..5bf26a6 100644 --- a/frontend/src/App.jsx +++ b/frontend/src/App.jsx @@ -19,11 +19,15 @@ function cycleTag(tag) { return null; } +/** + * PaperCard: wrapper, der oben + unten einen "torn paper edge" drauflegt. + * Wichtig: Edge braucht zIndex > children, sonst verschwindet er unter dem Header. + */ function PaperCard({ children, style }) { return (