JLNTV_IPD/tmagic-editor
4
0
Fork 0
mirror of https://github.com/Tencent/tmagic-editor.git synced 2025-06-19 04:01:33 +08:00
Code Issues Projects Releases Wiki Activity

style(editor): 修改floatbox 样式问题

Browse Source
This commit is contained in:
moonszhang 2024-02-27 15:29:56 +08:00 committed by roymondchen
parent cda5413fd1
commit 0d471a96ed
2 changed files with 7 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/editor/src/hooks/use-float-box.ts
View File

@ -1,12 +1,14 @@
import { computed, ComputedRef, ref, watch } from 'vue';
interface State {
status: boolean;
top: number;
left: number;
}
export const useFloatBox = (slideKeys: ComputedRef<string[]>) => {
const floatBoxStates = ref<{
[key in (typeof slideKeys.value)[number]]: {
status: boolean;
top: number;
left: number;
};
[key in (typeof slideKeys.value)[number]]: State;
}>(
slideKeys.value.reduce(
(total, cur) => ({

5
packages/editor/src/theme/sidebar.scss
View File

@ -72,7 +72,6 @@
}
.m-editor-slide-list-box {
display: flex;
min-width: 270px;
min-height: 500px;
max-height: 1024px;
@ -80,9 +79,5 @@
&:first-child {
width: 100%;
}
&:nth-of-type(2) {
width: 100%;
flex: 1;
}
}
}