fix: There may be misalignment when extracting Excel spreadsheets using applications (#3809)
This commit is contained in:
parent
fcc61f0ab2
commit
3edc68471b
@ -104,9 +104,12 @@
|
|||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
class="chat-pc__right chat-background"
|
class="chat-pc__right chat-background"
|
||||||
:style="{ backgroundImage: `url(${applicationDetail?.chat_background})` }"
|
:style="{
|
||||||
|
backgroundImage: `url(${applicationDetail?.chat_background})`,
|
||||||
|
'--execution-detail-panel-width': rightPanelSize + 'px',
|
||||||
|
}"
|
||||||
>
|
>
|
||||||
<div style="flex: 1">
|
<div style="flex: 1; width: calc(100% - var(--execution-detail-panel-width))">
|
||||||
<div class="p-16-24 flex-between">
|
<div class="p-16-24 flex-between">
|
||||||
<h4 class="ellipsis-1" style="width: 66%">
|
<h4 class="ellipsis-1" style="width: 66%">
|
||||||
{{ currentChatName }}
|
{{ currentChatName }}
|
||||||
@ -160,12 +163,7 @@
|
|||||||
</AiChat>
|
</AiChat>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div class="execution-detail-panel" :resizable="false" collapsible>
|
||||||
class="execution-detail-panel"
|
|
||||||
:style="`width: ${rightPanelSize}px`"
|
|
||||||
:resizable="false"
|
|
||||||
collapsible
|
|
||||||
>
|
|
||||||
<div class="p-16 flex-between border-b">
|
<div class="p-16 flex-between border-b">
|
||||||
<h4 class="medium ellipsis" :title="rightPanelTitle">{{ rightPanelTitle }}</h4>
|
<h4 class="medium ellipsis" :title="rightPanelTitle">{{ rightPanelTitle }}</h4>
|
||||||
|
|
||||||
@ -577,7 +575,13 @@ function closeExecutionDetail() {
|
|||||||
max-width: 80%;
|
max-width: 80%;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
.chat-pc__right {
|
||||||
|
width: calc(100vw - 280px);
|
||||||
|
--execution-detail-panel-width: 400px;
|
||||||
|
.execution-detail-panel {
|
||||||
|
width: var(--execution-detail-panel-width, 400px);
|
||||||
|
}
|
||||||
|
}
|
||||||
@media only screen and (max-width: 1000px) {
|
@media only screen and (max-width: 1000px) {
|
||||||
.chat-width {
|
.chat-width {
|
||||||
max-width: 100% !important;
|
max-width: 100% !important;
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user