JLNTV_IPD/tmagic-editor
4
0
Fork 0
mirror of https://github.com/Tencent/tmagic-editor.git synced 2025-06-19 12:09:25 +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

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

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

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

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