Enhance ChatBox with dynamic color system and increased height

Shiked: 6 Kasım 2025 01:33 UTC
Yazar: snadjafinia
Commit: 3a228d1

- Increase message viewing area by 33% (DOCKED_HEIGHT: 360 -> 480) - Create ChatBoxStyles.tsx with dynamic CSS variable-based color system - Apply primary color from globals.css cohesively like NavPri pattern - Use color-mix() for dynamic primary color variations throughout - Extract all style constants and utilities into separate module - Implement reusable style functions (getMessageBubbleStyle) - Add ChatBoxGlobalStyles component for animations and scrollbar - Replace hardcoded colors with CSS variables for site-wide consistency - Improve maintainability by centralizing styling logic - Ensure visual consistency with rest of site (NavPri, NavTop, etc.) This refactor makes the chat component more extensible and easier to maintain as new features are added, while maintaining perfect visual consistency with the site's design system.

Tüm değişiklikler

Kargoyu gördüğünüz gibi?

İş alanınızda bu güncellemelerden her biri otomatik olarak. Ücretsiz başlayın ve haftadan sonra büyümesini izleyin.

Sonsuza Kadar Ücretsiz Başlangıç Fırsatları Görüntüle