pieter/eveAI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

- Correctie van de ActiveChatInput container (werd nu te groot getoond).

Browse Source
This commit is contained in:
Josako
2025-08-02 18:09:16 +02:00
parent 4d6466038f
commit 248fae500a
4 changed files with 12 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
eveai_chat_client/static/assets/css/chat-components.css
View File

@@ -56,20 +56,6 @@
align-self: center; /* Extra centrering in flexbox context */ align-self: center; /* Extra centrering in flexbox context */
} }
/* Zorg dat de MessageHistory container ook flexbox gebruikt */
.message-history-container {
display: flex;
flex-direction: column;
height: 100%;
min-height: 0;
padding: 20px; /* Interne padding voor MessageHistory */
box-sizing: border-box;
width: 100%;
max-width: 1000px; /* Optimale breedte */
margin-left: auto;
margin-right: auto; /* Horizontaal centreren */
}
.chat-messages { .chat-messages {
flex: 1; flex: 1;
overflow-y: auto; overflow-y: auto;
@@ -145,11 +131,6 @@
max-width: 100%; /* Op mobiel volledige breedte gebruiken */ max-width: 100%; /* Op mobiel volledige breedte gebruiken */
} }
.message-history-container {
padding: 15px;
max-width: 100%; /* Op mobiel volledige breedte gebruiken */
}
.chat-input { .chat-input {
padding: 15px; padding: 15px;
gap: 10px; gap: 10px;
@@ -176,9 +157,6 @@
margin-bottom: 12px; margin-bottom: 12px;
} }
.message-history-container {
padding: 12px;
}
} }
/* Loading states */ /* Loading states */

4
eveai_chat_client/static/assets/css/chat-input.css
View File

@@ -77,8 +77,4 @@
opacity: 1; opacity: 1;
} }
/* Smooth transitions for mode switching */
.chat-input-container > * {
transition: opacity 0.2s ease-in-out;
}

5
eveai_chat_client/static/assets/vue-components/ChatInput.vue
View File

@@ -435,12 +435,17 @@ export default {
/* Algemene container */ /* Algemene container */
.chat-input-container { .chat-input-container {
width: 100%; width: 100%;
max-width: 1000px;
padding: 20px; padding: 20px;
box-sizing: border-box;
background-color: var(--active-background-color); background-color: var(--active-background-color);
color: var(--human-message-text-color); color: var(--human-message-text-color);
border-top: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0;
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
font-size: 14px; font-size: 14px;
transition: opacity 0.2s ease-in-out;
margin-left: auto;
margin-right: auto;
} }
/* Input veld en knoppen */ /* Input veld en knoppen */

7
eveai_chat_client/static/assets/vue-components/MessageHistory.vue
View File

@@ -277,6 +277,13 @@ export default {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100%; height: 100%;
min-height: 0;
padding: 20px; /* Interne padding voor MessageHistory */
box-sizing: border-box;
width: 100%;
max-width: 1000px; /* Optimale breedte */
margin-left: auto;
margin-right: auto; /* Horizontaal centreren */
overflow: hidden; overflow: hidden;
} }