From 58a6d8805efc2b054d510c41818760df5e3b8ad1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?T=C3=B4=20Quang=20=C4=90=E1=BB=A9c?= Date: Tue, 2 Sep 2025 01:13:53 +0700 Subject: [PATCH] fix AI layout --- .../app-layout/app-layout.component.scss | 2 +- .../box-chat-ai/box-chat-ai.component.scss | 15 ++++++++++++++- 2 files changed, 15 insertions(+), 2 deletions(-) diff --git a/src/app/layouts/layout-pages/app-layout/app-layout.component.scss b/src/app/layouts/layout-pages/app-layout/app-layout.component.scss index e1149f7f..ea1a0502 100644 --- a/src/app/layouts/layout-pages/app-layout/app-layout.component.scss +++ b/src/app/layouts/layout-pages/app-layout/app-layout.component.scss @@ -25,12 +25,12 @@ width: 70vw; display: flex; justify-content: end; - z-index: 3; // Bỏ sự kiện cho toàn container pointer-events: none; .chat-box { pointer-events: auto; // Chỉ phần này thao tác được + z-index: 3; } } } diff --git a/src/app/shared/components/fxdonad-shared/box-chat-ai/box-chat-ai.component.scss b/src/app/shared/components/fxdonad-shared/box-chat-ai/box-chat-ai.component.scss index 756dd4fb..93289df9 100644 --- a/src/app/shared/components/fxdonad-shared/box-chat-ai/box-chat-ai.component.scss +++ b/src/app/shared/components/fxdonad-shared/box-chat-ai/box-chat-ai.component.scss @@ -1,3 +1,16 @@ +:host { + position: absolute; + bottom: 3px; + right: 3px; + width: 70vw; + display: flex; + justify-content: end; + z-index: 3; + + // Host mặc định click xuyên qua + pointer-events: none; +} + .chat-box { max-width: fit-content; display: flex; @@ -8,7 +21,7 @@ transition: all 0.3s ease; position: relative; border-radius: 12px; - + pointer-events: auto; // chỉ cho phép thao tác trong vùng chat-box &:not(.expanded) { // sau 3s mới mờ dần transition: opacity 0.3s ease 3s;