Ajusta el tamaño de la ventana del chat de IA según tus preferencias. Ajusta el ancho o la altura para ampliar la vista de la conversación, centrarte en las respuestas detalladas u optimizar el espacio en pantalla sin interrumpir tu flujo de trabajo.
Procedimiento
- Dependiendo de tu producto, accede a la carpeta orderhub-code o callcenter-code a la carpeta.
- Ve a un shell-ui/assets directorio o créalo.
- Ve al directorio o crea un app-bootstrap-config.json archivo en él shell-ui/assets .
El archivo tal y como se suministra
app-bootstrap-config.json incluye la siguiente configuración.
layout: {
resizable: {
width: false, // Enable/disable width resizing
height: false, // Enable/disable height resizing
minWidth: "40%", // Minimum width when resized
maxWidth: "90%", // Maximum width when resized
minHeight: "40%", // Minimum height when resized
maxHeight: "90%" // Maximum height when resized
}
}
- Para cambiar el tamaño de la ventana del chat de IA, modifica los valores del app-bootstrap-config.json archivo.
Por ejemplo, activa el ancho y ajusta la altura de la siguiente manera.
layout: {
resizable: {
width: true,
height: true,
minWidth: "40%",
maxWidth: "90%",
minHeight: "30%",
maxHeight: "80%"
}
}
Nota: Para adaptarse a los distintos requisitos de la interfaz de usuario, puedes ajustar el ancho y la altura de forma independiente. Por ejemplo, para aumentar la altura de la vista del chat, ajusta la altura. Asegúrate de que los valores mínimo y máximo sean lógicamente coherentes; por ejemplo, el minHeight debe ser menor que el maxHeight.
- Guarde el archivo.
- Comprueba que la ventana del chat con IA se muestra tal y como esperabas.