Améliorer ChatBox avec un système de couleur dynamique et une hauteur accrue

Refactorkamo-internal
Expédié
6 novembre 2025 à 01:33 UTC
Auteur
snadjafinia
Commite
3a228d1

- Augmenter la zone de visualisation des messages de 33 % (DOCKED-HEIGHT: 360 - 480) - Créer ChatBoxStyles.tsx avec un système de couleur dynamique basé sur la variable CSS - Appliquer la couleur primaire de globals.css de manière cohérente comme le modèle NavPri - Utiliser le mélange de couleurs pour les variations dynamiques de couleur primaire dans tout le monde - Extraire toutes les constantes de style et tous les services publics dans un module séparé; - Mettre en œuvre des fonctions de style réutilisables (getMessageBubbleStyle) - Ajouter la composante ChatBoxGlobalStyles pour les animations et la barre de défilement - Remplacer les couleurs codées en dur par des variables CSS pour une cohérence à l'échelle du site - Améliorer la maintenabilité en centralisant la logique du style - Assurer la cohérence visuelle avec le reste du site (NavPri, NavTop, etc.) Ce refactor rend le composant de chat plus extensible et plus facile à entretenir à mesure que de nouvelles caractéristiques sont ajoutées, tout en maintenant une cohérence visuelle parfaite avec le système de conception du site.

Tous les changements

Comme ce que tu vois expédier ?

Chacune de ces mises à jour atterrit automatiquement dans votre espace de travail. Commencez gratuitement et regardez-le grandir semaine après semaine.

Commencez gratuitement pour toujoursPrix de visualisation