- Introduce cache busting (to circumvent aggressive caching on iOS - but ideal in other contexts as well)
- Change the build process to allow cache busting - Optimisations to the build process - Several improvements of UI geared towards mobile experience -
This commit is contained in:
@@ -432,7 +432,7 @@ export default {
|
||||
.message-content {
|
||||
font-family: Arial, sans-serif;
|
||||
font-size: 12px;
|
||||
max-width: 90%;
|
||||
max-width: 100%;
|
||||
padding: 8px;
|
||||
border-radius: 10px;
|
||||
word-wrap: break-word;
|
||||
@@ -663,8 +663,7 @@ export default {
|
||||
.message.bot .message-content {
|
||||
background: var(--ai-message-background);
|
||||
color: var(--ai-message-text-color);
|
||||
border-bottom-left-radius: 4px;
|
||||
margin-right: 60px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
/* Hover effects for message bubbles */
|
||||
@@ -692,27 +691,18 @@ export default {
|
||||
}
|
||||
.message.ai .message-content,
|
||||
.message.bot .message-content {
|
||||
margin-right: 40px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
/* Mobile: place logo inside bubble and prevent overlap with text */
|
||||
.message.ai .ai-message-logo {
|
||||
top: -12px;
|
||||
left: 8px;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
.message.ai .message-content {
|
||||
/* Reserve space for the in-bubble logo */
|
||||
padding-top: 1px; /* 24px logo + margins */
|
||||
padding-left: 1px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.message-content {
|
||||
max-width: 90%;
|
||||
margin-left: 20px !important;
|
||||
margin-right: 20px !important;
|
||||
padding-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user