estel/dify
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix: code full screen in web app cause error (#3935)

Browse Source
This commit is contained in:
Joel
2024-04-28 11:59:57 +08:00
committed by GitHub
parent aefe0cbf51
commit ba88f8a6f0
5 changed files with 3159 additions and 2646 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
web/app/components/workflow/nodes/_base/hooks/use-toggle-expend.ts
View File

@@ -1,5 +1,4 @@
import { useEffect, useState } from 'react'
import { useStore } from '@/app/components/workflow/store'
type Params = {
ref: React.RefObject<HTMLDivElement>
@@ -10,7 +9,6 @@ type Params = {
const useToggleExpend = ({ ref, hasFooter = true, isInNode }: Params) => {
const [isExpand, setIsExpand] = useState(false)
const [wrapHeight, setWrapHeight] = useState(ref.current?.clientHeight)
const panelWidth = useStore(state => state.panelWidth)
const editorExpandHeight = isExpand ? wrapHeight! - (hasFooter ? 56 : 29) : 0
useEffect(() => {
setWrapHeight(ref.current?.clientHeight)
@@ -29,7 +27,6 @@ const useToggleExpend = ({ ref, hasFooter = true, isInNode }: Params) => {
const wrapStyle = isExpand
? {
boxShadow: '0px 0px 12px -4px rgba(16, 24, 40, 0.05), 0px -3px 6px -2px rgba(16, 24, 40, 0.03)',
width: panelWidth - 1,
}
: {}
return {