Refactor UI components to use 'fociz-card' and 'fociz-card-interactive' classes for consistent styling across profile, roadmap, and user management pages; update text styles for improved readability and visual hierarchy.

2026-09-09 16:46:18 +02:00
parent 64a7a3bcf0
commit c5629dcfaa
7 changed files with 147 additions and 140 deletions
@@ -94,7 +94,7 @@ $currentUserTheme = !empty($currentUser['id']) ? get_user_theme((int)$currentUse
        html:not(.dark) ::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

        /* Modern Block & Card Design System */
-        .fociz-card {
+        .fociz-card, .fociz-card-interactive {
            background: rgba(255, 255, 255, 0.95);
            border: 1px solid rgba(226, 232, 240, 0.9);
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.04), 0 1px 2px -1px rgba(0, 0, 0, 0.04);
@@ -102,7 +102,7 @@ $currentUserTheme = !empty($currentUser['id']) ? get_user_theme((int)$currentUse
            backdrop-filter: blur(12px);
            transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
        }
-        html.dark .fociz-card {
+        html.dark .fociz-card, html.dark .fociz-card-interactive {
            background: rgba(17, 22, 34, 0.88);
            border: 1px solid rgba(30, 41, 59, 0.7);
            box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.35);