Pierre
99021b4f42
- Configuration du debug conditionnel pour dev/recette - Fonction debug() globale avec niveaux - Logging des requêtes SQL - Handlers d'exceptions et d'erreurs globaux 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
97 lines
1.5 KiB
CSS
97 lines
1.5 KiB
CSS
.chat-container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
background: linear-gradient(95deg, #F5F5F5, #F5F5F5 60%, #CCC);
|
|
}
|
|
|
|
.chat-bubbles {
|
|
flex-grow: 1;
|
|
overflow-y: auto;
|
|
padding: 10px;
|
|
}
|
|
|
|
.chat-bubble {
|
|
display: flex;
|
|
flex-direction: column;
|
|
max-width: 90%;
|
|
border-radius: 20px;
|
|
padding: 10px 20px;
|
|
margin-bottom: 10px;
|
|
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.user-info {
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: 12px;
|
|
color: #666;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.user-initials {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 30px;
|
|
height: 30px;
|
|
border-radius: 50%;
|
|
background-color: #eee;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.username-date {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.username {
|
|
font-weight: bold;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.date {
|
|
font-style: italic;
|
|
}
|
|
|
|
.message {
|
|
font-size: 14px;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.right-chat-bubble {
|
|
background-color: #89b0db;
|
|
color: #fff;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.left-chat-bubble {
|
|
background-color: #ff8000;
|
|
color: #fff;
|
|
}
|
|
|
|
.message-input {
|
|
|
|
align-items: center;
|
|
padding: 10px;
|
|
}
|
|
|
|
.chat-container input[type="text"] {
|
|
border-radius: 6px;
|
|
padding: 10px;
|
|
font-size: 1.2em;
|
|
width: 100%;
|
|
}
|
|
|
|
button {
|
|
background-color: #4e88c7;
|
|
color: #fff;
|
|
border-radius: 6px;
|
|
border: none;
|
|
padding: 10px 20px;
|
|
font-size: 1.2em;
|
|
cursor: pointer;
|
|
}
|