diff --git a/src/UserInterface/Slide/components/SelectedBox.vue b/src/UserInterface/Slide/components/SelectedBox.vue index 0ff97bb..1bcb056 100644 --- a/src/UserInterface/Slide/components/SelectedBox.vue +++ b/src/UserInterface/Slide/components/SelectedBox.vue @@ -66,10 +66,10 @@ selectionManager.events.update.on(() => { :strokeWidth="2" /> -
-
-
-
+
+
+
+
{ .move-handle { position: absolute; z-index: 1; - background-color: lightgray; + background-color: gray; cursor: move; } diff --git a/src/UserInterface/ToolBar/components/Home/Draw.vue b/src/UserInterface/ToolBar/components/Home/Draw.vue index f1d4a81..88d5e25 100644 --- a/src/UserInterface/ToolBar/components/Home/Draw.vue +++ b/src/UserInterface/ToolBar/components/Home/Draw.vue @@ -18,7 +18,7 @@ import ButtonGroup from '../ButtonGroup.vue' {{ $t('ToolBar.home.drawing.style') }} -
+
diff --git a/src/UserInterface/ToolBar/components/Home/Paragraph.vue b/src/UserInterface/ToolBar/components/Home/Paragraph.vue index 7d1668c..9c4a55d 100644 --- a/src/UserInterface/ToolBar/components/Home/Paragraph.vue +++ b/src/UserInterface/ToolBar/components/Home/Paragraph.vue @@ -16,6 +16,9 @@ import { selectionManager } from '@Kernel/index' import { ref, shallowRef } from 'vue' import { computed } from 'vue' +const buttonStyle = 'menu-btn w-[34px] h-[34px]' +const activeButtonStyle = 'border border-black bg-gray-200' + const selectedBlocks = shallowRef(selectionManager.selectedBlocks) selectionManager.events.update.on(() => { selectedBlocks.value = selectionManager.selectedBlocks @@ -74,21 +77,30 @@ const updateAlign = (value: AlignType) => { diff --git a/src/UserInterface/ToolBar/components/Home/index.vue b/src/UserInterface/ToolBar/components/Home/index.vue index f8b15fb..fec35ac 100644 --- a/src/UserInterface/ToolBar/components/Home/index.vue +++ b/src/UserInterface/ToolBar/components/Home/index.vue @@ -6,7 +6,7 @@ import Slides from './Slides.vue' import FontStyle from './FontStyle.vue' import Paragraph from './Paragraph.vue' import Draw from './Draw.vue' -import Edit from './Edit.vue' +// import Edit from './Edit.vue' diff --git a/src/UserInterface/ToolBar/components/Insert/Illustration.vue b/src/UserInterface/ToolBar/components/Insert/Illustration.vue index 4e34afd..3857066 100644 --- a/src/UserInterface/ToolBar/components/Insert/Illustration.vue +++ b/src/UserInterface/ToolBar/components/Insert/Illustration.vue @@ -9,9 +9,9 @@ import ButtonGroup from '../ButtonGroup.vue' -
diff --git a/src/UserInterface/ToolBar/components/Insert/Index.vue b/src/UserInterface/ToolBar/components/Insert/Index.vue index 05a23de..723d613 100644 --- a/src/UserInterface/ToolBar/components/Insert/Index.vue +++ b/src/UserInterface/ToolBar/components/Insert/Index.vue @@ -3,12 +3,12 @@ import Slides from './Slides.vue' import Table from './Table.vue' import Picture from './Picture.vue' import Illustration from './Illustration.vue' -import Link from './Link.vue' +// import Link from './Link.vue' import Text from './Text.vue' -import Footer from './Footer.vue' -import Comments from './Comments.vue' -import Symbol from './Symbol.vue' -import Media from './Media.vue' +// import Footer from './Footer.vue' +// import Comments from './Comments.vue' +// import Symbol from './Symbol.vue' +// import Media from './Media.vue' diff --git a/src/UserInterface/ToolBar/components/Insert/Picture.vue b/src/UserInterface/ToolBar/components/Insert/Picture.vue index dfaac4d..763b3cd 100644 --- a/src/UserInterface/ToolBar/components/Insert/Picture.vue +++ b/src/UserInterface/ToolBar/components/Insert/Picture.vue @@ -20,7 +20,7 @@ async function insertPicture() {