Design/EasySoft-ZenTaoPMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 30 Wiki Activity

* widen chat area.

Browse Source
This commit is contained in:
liwenrui
2023-11-06 16:44:35 +08:00
parent e14cfdcebb
commit 8da88e8bc8
2 changed files with 14 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
module/index/view/chatview.html.php
+11 -10
View File
@@ -12,20 +12,20 @@
<style>
#chat-container {position: fixed; left: 96px; right: 0; height: calc(100% - 40px); display: none;}
.menu-hide #chat-container {left: 40px;}
#chat-switch {position: absolute; width: 280px; height: 52px; right: 0; background: #fff; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #eee; z-index: 20;}
#chat-switch {position: absolute; width: 330px; height: 52px; right: 0; background: #fff; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #eee; z-index: 20;}
.chat-switch-bg {display: flex; justify-content: center; align-items: center; background-color: #eff5ff; border-radius: 16px;}
.chat-switch-item {width: 96px; padding: 4px 0; border-radius: 16px; text-align: center; color: #838a9c; position: relative; user-select: none;}
.chat-switch-item.active {font-weight: bold; color: #fff; background-color: #5999fc;}
#xuan-chat-view {position: absolute; width: 100%; height: 100%; z-index: 10;}
#xuan-chat-view {position: absolute; width: 100%; height: 100%; z-index: 10; display: none;}
#xuan-chat-view #xx-embed-container {position: absolute; bottom: 0; left: 0; right: 0; top: 0;}
#ai-chat-view {position: fixed; right: 0; width: 280px; bottom: 40px; top: 50px;}
#ai-chat-frame {height: 100%;}
#ai-chat-view {position: fixed; right: 0; width: 330px; bottom: 40px; top: 50px; outline: 1px solid #eee;}
#ai-chat-frame {height: 100%; width: 100%;}
</style>
<div id="chat-container">
<div id="chat-switch">
<div class="chat-switch-bg">
<a class="chat-switch-item active" data-value="chat"><?php echo $lang->index->chat->chat; ?></a>
<a class="chat-switch-item" data-value="ai"><?php echo $lang->index->chat->ai; ?></a>
<a class="chat-switch-item" data-value="chat"><?php echo $lang->index->chat->chat; ?></a>
<a class="chat-switch-item active" data-value="ai"><?php echo $lang->index->chat->ai; ?></a>
</div>
</div>
<div id="xuan-chat-view"></div>
@@ -49,16 +49,17 @@
{
clearInterval(xuanFrameWaitLoop);
tries = 0;
const chatsMenuWaitLoop = setInterval(function()
const chatsViewWaitLoop = setInterval(function()
{
if(document.querySelector('#xx-embed-container iframe').contentDocument.querySelector('.app-chats-menu'))
{
clearInterval(chatsMenuWaitLoop);
document.querySelector('#xx-embed-container iframe').contentDocument.querySelector('.app-chats-menu').style.top = '48px';
clearInterval(chatsViewWaitLoop);
document.querySelector('#xx-embed-container iframe').contentDocument.querySelector('.app-chats-menu').style.cssText = 'width: 330px !important; top: 48px;';
document.querySelector('#xx-embed-container iframe').contentDocument.querySelector('.app-chats-cache').style.cssText = 'right: 330px !important;';
}
else
{
if(++tries > 20) clearInterval(chatsMenuWaitLoop);
if(++tries > 20) clearInterval(chatsViewWaitLoop);
}
}, 200);
}
xuanxuan/extension/xuan/index/ext/view/index.xuanxuan.html.hook.php
+3 -3
View File
@@ -54,9 +54,9 @@ if(isset($this->config->xuanxuan->turnon) && $this->config->xuanxuan->turnon &&
#chatNoticeBadge.show {opacity: 1; transform: scale(1);}
#xx-embed-container {bottom: 40px!important; z-index: 1010!important;}
#xx-embed-container .xx-embed-has-animation {transition: min-width .5s ease-out, min-height .5s ease-out, transform, opacity!important;}
#xx-embed-container .xx-embed {width: 280px; height: 100%; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)!important;}
#xx-embed-container .xx-embed {width: 330px; height: 100%; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)!important;}
#xx-embed-container .xx-embed.xx-embed-hidden,
#xx-embed-container .xx-embed.xx-embed-collapsed {width: 280px!important; height: 100%!important; opacity: .7; pointer-events: none; transform: translateY(100%); display: block!important;}
#xx-embed-container .xx-embed.xx-embed-collapsed {width: 330px!important; height: 100%!important; opacity: .7; pointer-events: none; transform: translateY(100%); display: block!important;}
#xx-embed-container .xx-embed.has-chat-view {min-width: 1000px!important;}
#xx-embed-container .xx-embed-body {min-height: initial!important;}
</style>
@@ -88,7 +88,7 @@ function handleXuanRouteChange(route)
Xuanxuan.setGlobalOptions(
{
position: 'right',
width: 280,
width: 330,
preload: true,
showHeader: false,
onNotice: handleXuanNoticeChange,