Powerful-517/yys-editor
3
0
Fork 0
mirror of https://github.com/Powerful-517/yys-editor.git synced 2026-03-05 15:05:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(embed-layout): stretch canvas area and pin property panel to right

Browse Source
This commit is contained in:
rookie4show
2026-02-25 00:22:07 +08:00
parent 4479c3b7f4
commit 55376651bf
3 changed files with 12 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/YysEditorEmbed.vue
View File

@@ -22,6 +22,7 @@
<!-- 中间画布 + 右侧属性面板 --> <!-- 中间画布 + 右侧属性面板 -->
<FlowEditor <FlowEditor
class="flow-editor-pane"
ref="flowEditorRef" ref="flowEditorRef"
height="100%" height="100%"
/> />
@@ -347,6 +348,12 @@ onBeforeUnmount(() => {
overflow: hidden; overflow: hidden;
} }
.flow-editor-pane {
flex: 1;
min-width: 0;
height: 100%;
}
.preview-mode { .preview-mode {
background: transparent; background: transparent;
} }

4
src/components/flow/FlowEditor.vue
View File

@@ -1039,9 +1039,13 @@ onBeforeUnmount(() => {
.editor-layout { .editor-layout {
display: flex; display: flex;
height: 100%; height: 100%;
width: 100%;
min-width: 0;
flex: 1;
} }
.flow-container { .flow-container {
flex: 1; flex: 1;
min-width: 0;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
} }

1
src/components/flow/PropertyPanel.vue
View File

@@ -126,6 +126,7 @@ const currentAssetLibrary = computed({
background-color: #f5f7fa; background-color: #f5f7fa;
border-left: 1px solid #e4e7ed; border-left: 1px solid #e4e7ed;
width: 280px; width: 280px;
flex-shrink: 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow-y: auto; overflow-y: auto;