Enhance ChatBox with dynamic color system and increased height

Refactorkamo-internal
Порезанный
6 ноября 2025 г. в 01:33 UTC
Автор
snadjafinia
Обещать
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.

Все изменения

Как вы видите судоходство?

Каждое из этих обновлений автоматически попадает в ваше рабочее пространство. Начните бесплатно и смотрите, как он растет неделю за неделей.

Начните бесплатно навсегдаПосмотреть цены