File size: 7,864 Bytes
d155f3f |
1 |
{"version":3,"file":"static/css/main.f37818ec.css","mappings":"AAAA,KAKE,kCAAmC,CACnC,iCAAkC,CAJlC,mIAEY,CAHZ,QAMF,CAEA,KACE,uEAEF,CCXA,KAIE,wBAAyB,CAHzB,YAAa,CAEb,QAAS,CADT,gBAGF,CAGA,eAME,wBAAyB,CACzB,UAAc,CANd,YAAa,CACb,qBAAsB,CAEtB,eAAgB,CAIhB,eAAgB,CAChB,6BAA+B,CAN/B,UAOF,CAGG,mCACC,aACF,CAEF,yBACE,WAAY,CACZ,eACF,CAGA,cAEE,YAAa,CADb,QAAO,CAEP,qBAAsB,CACtB,+BAGF,CAGA,aACE,wBAAyB,CAIzB,+BAAgC,CAFhC,UAAc,CACd,gBAAiB,CAEjB,QAAS,CAJT,iBAKF,CAGA,gBAKE,wBAAyB,CACzB,mBAAoB,CAFpB,eAIF,CAGA,oCATE,YAAa,CADb,QAAO,CAEP,qBAeF,CAPA,oBAME,OAAQ,CAJR,eAAgB,CAChB,iBAIF,CAGA,SAKE,iCAAmC,CAFnC,iBAAkB,CAFlB,aAAc,CACd,iBAAkB,CAElB,qBAEF,CAEA,cACE,mBAAoB,CACpB,wBAAyB,CAEzB,8BAA+B,CAD/B,UAEF,CAEA,aACE,qBAAsB,CACtB,wBAAyB,CAEzB,6BAA8B,CAD9B,aAEF,CAGA,mBACE,GAAO,SAAU,CAAE,yBAA4B,CAC/C,GAAO,SAAU,CAAE,uBAA0B,CAC/C,CAGA,cAEE,gDAAiD,CADjD,oBAAqB,CAErB,gBAAiB,CACjB,gBACF,CAEA,wBACE,UAAgB,kBAAqB,CACrC,IAAM,kBAAqB,CAC7B,CAGA,iBAEE,WAAY,CAGZ,YAAa,CACb,sBAAuB,CAHvB,MAAO,CAFP,cAAe,CAGf,OAAQ,CAGR,WACF,CAEA,YAEE,kBAAmB,CACnB,wBAAyB,CACzB,wBAAyB,CACzB,kBAAmB,CAJnB,YAAa,CAOb,eAAgB,CAFhB,gBAAiB,CACjB,UAEF,CAEA,kBAOE,wBAAyB,CAJzB,wBAAyB,CACzB,kBAAmB,CAInB,UAAW,CAPX,QAAO,CAIP,cAAe,CACf,YAAa,CAJb,iBAOF,CACA,GACE,aAAc,CACd,iBACF,CAEA,wBACE,oBACF,CAEA,mBACE,wBAAyB,CACzB,WAAY,CACZ,kBAAmB,CACnB,UAAW,CACX,cAAe,CACf,cAAe,CAEf,eAAgB,CADhB,gBAAiB,CAEjB,+BACF,CAEA,yBACE,wBACF,CAEA,4BACE,qBAAsB,CACtB,kBACF,CAEA,sBAKE,eAAgB,CAChB,WAAY,CACZ,UAAW,CACX,cAAe,CACf,cAAe,CANf,SAAU,CAFV,iBAAkB,CAClB,QAAS,CAET,WAMF,CAGA,gBACE,qBACF,CAGA,oBACE,YAAa,CACb,qBACF,CAEA,mBAKE,kBAAmB,CAHnB,+BAAgC,CAChC,cAAe,CACf,YAAa,CAHb,WAKF,CAEA,yBACE,wBACF,CAEA,mBACE,gBACF,CAGA,gBAEE,4BAA6B,CAD7B,eAAgB,CAEhB,WACF,CAEA,WAEE,kBAAmB,CADnB,YAAa,CAEb,OACF,CAEA,aACE,cACF,CAEA,iBACE,eAAgB,CAChB,WAAY,CACZ,UAAW,CACX,cACF","sources":["index.css","App.css"],"sourcesContent":["body {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n monospace;\n}\n","/* ----- Disposition générale ----- */\n.App {\n display: flex; /* Panel à gauche, contenu à droite */\n min-height: 100vh; /* Hauteur totale de la fenêtre */\n margin: 0;\n background-color: #343541; \n}\n\n/* ----- Panel latéral (sidebar) ----- */\n.sidebar-panel {\n display: flex;\n flex-direction: column;\n width: 100%; \n max-width: 250px; /* Largeur ouverte */\n \n background-color: #202123; /* Couleur sombre */\n color: #ffffff;\n overflow-y: auto; /* Scroll indépendant si le contenu est long */\n transition: max-width 0.3s ease;\n}\n/* Quand le panel est collapsed, on applique la classe .panel-collapsed \n pour animer le décalage du contenu principal. */\n .App.panel-collapsed .main-content {\n margin-left: 0; /* Revient à gauche */\n }\n \n.sidebar-panel.collapsed {\n max-width: 0; \n overflow: hidden;\n}\n\n/* ----- Contenu principal (zone de chat + header) ----- */\n.main-content {\n flex: 1; \n display: flex;\n flex-direction: column;\n transition: margin-left 0.3s ease;\n\n /* On fixe une hauteur si nécessaire ou on laisse flex: 1 pour occuper l'espace restant */\n}\n\n/* ----- Header du chat ----- */\n.chat-header {\n background-color: #444654;\n padding: 10px 15px;\n color: #ffffff;\n font-size: 1.3rem;\n border-bottom: 1px solid #525467;\n margin: 0;\n}\n\n/* ----- Conteneur du chat (zone de messages + input) ----- */\n.chat-container {\n flex: 1; \n display: flex;\n flex-direction: column;\n overflow: hidden; /* On ne fait pas défiler tout le container */\n background-color: #343541;\n margin-bottom: 120px; \n\n}\n\n/* ----- Zone des messages scrollable ----- */\n.messages-container {\n flex: 1; /* Occupe tout l'espace disponible */\n overflow-y: auto; /* Scroll interne uniquement sur les messages */\n padding: 10px 15px;\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n/* ----- Style des messages ----- */\n.message {\n max-width: 70%;\n padding: 10px 12px;\n border-radius: 8px;\n word-break: break-word;\n animation: fade-in 0.3s ease-in-out;\n}\n\n.message.user {\n align-self: flex-end;\n background-color: #0b93f6;\n color: #fff;\n border-bottom-right-radius: 4px;\n}\n\n.message.bot {\n align-self: flex-start;\n background-color: #444654;\n color: #e1e1e1;\n border-bottom-left-radius: 4px;\n}\n\n/* ----- Animation pour l'apparition ----- */\n@keyframes fade-in {\n from { opacity: 0; transform: translateY(5px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n/* ----- Indicateur de chargement (3 points) ----- */\n.loading span {\n display: inline-block;\n animation: loading-dots 1.4s infinite ease-in-out;\n font-size: 1.2rem;\n margin-right: 2px;\n}\n\n@keyframes loading-dots {\n 0%, 80%, 100% { transform: scale(0); }\n 40% { transform: scale(1); }\n}\n\n/* ----- Zone d'entrée (input) FIXE dans le container de chat ----- */\n.input-container {\n position: fixed;\n bottom: 20px; /* Laissez un petit espace en bas, style ChatGPT */\n left: 0;\n right: 0;\n display: flex;\n justify-content: center; /* Centre horizontalement */\n z-index: 999;\n}\n/* ----- Formulaire d'entrée ----- */\n.input-form {\n display: flex;\n align-items: center;\n background-color: #40414f;\n border: 1px solid #525467;\n border-radius: 24px;\n padding: 8px 12px;\n width: 100%;\n max-width: 600px; /* Largeur max centrée */\n}\n\n.input-form input {\n flex: 1;\n padding: 10px 12px;\n border: 1px solid #525467;\n border-radius: 16px;\n font-size: 14px;\n outline: none;\n background-color: #343541;\n color: #fff;\n}\nh2{\n display: block;\n text-align: center;\n}\n\n.input-form input:focus {\n border-color: #0b93f6;\n}\n\n.input-form button {\n background-color: #0b93f6; /* Couleur bleue ChatGPT-like */\n border: none;\n border-radius: 16px; /* Forme arrondie */\n color: #fff; /* Couleur du texte */\n cursor: pointer;\n font-size: 14px;\n padding: 6px 16px; /* Espace intérieur horizontal/vertical */\n margin-left: 8px; /* Espace à gauche pour séparer de l’input */\n transition: background-color 0.2s;\n}\n\n.input-form button:hover {\n background-color: #0a83d0; /* Couleur plus sombre au survol */\n}\n\n.input-form button:disabled {\n background-color: #666;\n cursor: not-allowed;\n}\n/* ----- Bouton de collapse principal (optionnel) ----- */\n.collapse-button-main {\n position: absolute;\n top: 20px;\n left: 20px;\n z-index: 999; /* Pour qu'il reste au-dessus du contenu */\n background: none;\n border: none;\n color: #fff;\n cursor: pointer;\n font-size: 24px; /* Ajustez la taille de l'icône */\n}\n\n/* ----- Icônes ----- */\n.material-icons {\n vertical-align: middle;\n}\n\n/* ----- Liste des conversations dans le panel ----- */\n.conversations-list {\n display: flex;\n flex-direction: column;\n}\n\n.conversation-item {\n padding: 8px;\n border-bottom: 1px solid #525467;\n cursor: pointer;\n display: flex;\n align-items: center;\n}\n\n.conversation-item:hover {\n background-color: #525467;\n}\n\n.conversation-icon {\n margin-right: 6px;\n}\n\n/* ----- Footer du panel ----- */\n.sidebar-footer {\n margin-top: auto;\n border-top: 1px solid #525467;\n padding: 8px;\n}\n\n.user-info {\n display: flex;\n align-items: center;\n gap: 6px;\n}\n\n.user-avatar {\n font-size: 20px;\n}\n\n.collapse-button {\n background: none;\n border: none;\n color: #fff;\n cursor: pointer;\n}\n"],"names":[],"sourceRoot":""} |