更新左边栏样式

dromara · Sep 13, 2024 · b5141df · b5141df
1 parent 6930ccf
commit b5141df
Show file tree

Hide file tree

Showing 6 changed files with 9 additions and 16 deletions.
diff --git a/src/views/Editor/CanvasBody/CanvasLeft/Label/index.vue b/src/views/Editor/CanvasBody/CanvasLeft/Label/index.vue
@@ -1,12 +1,5 @@
 <template>
   <div>
-    <!-- <div class="left-top-tabs" id="left-top-tabs">
-      <div class="top-tab">
-        <el-tooltip placement="top" :hide-after="0" content="首页">
-          <IconHome class="handler-item" @click="goHome"/>
-        </el-tooltip>
-      </div>
-    </div> -->
     <div class="left-bottom-tabs">
       <div class="center-tabs">
         <div class="center-tab" :class="{ 'left-active': tab.key === poolType }" v-for="tab in topTabs" :key="tab.key" @click="setPoolType(tab.key)">

diff --git a/src/views/Editor/CanvasBody/CanvasLeft/Menu/index.vue b/src/views/Editor/CanvasBody/CanvasLeft/Menu/index.vue
@@ -60,7 +60,7 @@ const leftToggle = () => {
   position: absolute;
   width: 300px;
   left: 50px;
-  top: 40px;
+  top: 59px;
   z-index: 1;
   background: #fff;
   border-left: 1px solid $borderColor;
@@ -77,7 +77,7 @@ const leftToggle = () => {
 .menu-close {
   cursor: default;
   left: -251px;
-  top: calc(50% + 40px);
+  top: calc(50% + 59px);
   transform: translateY(-50%);
   position: absolute;;
   // z-index: 1;

diff --git a/src/views/Editor/CanvasBody/CanvasLeft/Thumb/index.vue b/src/views/Editor/CanvasBody/CanvasLeft/Thumb/index.vue
@@ -4,14 +4,14 @@
     v-click-outside="() => setThumbnailsFocus(false)"
     v-contextmenu="contextMenusThumbnails"  
   >
-    <el-row class="thumb-handle items-center">
+    <!-- <el-row class="thumb-handle items-center">
       <el-col :span="12" class="flex justify-center text-[16px]">
         <div>
           <el-button text ref="menuRef">文件</el-button>
           <HomePopover :menu-ref="menuRef" :menu-popover-ref="menuPopoverRef" />
         </div>
       </el-col>
-    </el-row>
+    </el-row> -->
     <Draggable
       class="thumb-content"
       :modelValue="templates"

diff --git a/src/views/Editor/CanvasHeader/index.vue b/src/views/Editor/CanvasHeader/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="h-[59px] w-full flex justify-between px-[16px]">
+  <div class="h-[59px] w-full flex justify-between px-[16px] border-b border-[#eee]">
     <div class="left-handler">
       <el-tooltip placement="top" :hide-after="0" content="首页">
         <IconHome class="handler-item" />

diff --git a/src/views/Editor/CanvasLeft/Menu/index.vue b/src/views/Editor/CanvasLeft/Menu/index.vue
@@ -59,7 +59,7 @@ const leftToggle = () => {
 .menu-content {
   position: absolute;
   width: 300px;
-  left: 50px;
+  left: 59px;
   top: 40px;
   z-index: 1;
   background: #fff;
@@ -77,7 +77,7 @@ const leftToggle = () => {
 .menu-close {
   cursor: default;
   left: -251px;
-  top: calc(50% + 40px);
+  top: calc(50% + 59px);
   transform: translateY(-50%);
   position: absolute;;
   // z-index: 1;

diff --git a/src/views/Editor/CanvasLeft/Thumb/index.vue b/src/views/Editor/CanvasLeft/Thumb/index.vue
@@ -4,14 +4,14 @@
     v-click-outside="() => setThumbnailsFocus(false)"
     v-contextmenu="contextMenusThumbnails"  
   >
-    <el-row class="thumb-handle items-center">
+    <!-- <el-row class="thumb-handle items-center">
       <el-col :span="12" class="flex justify-center text-[16px]">
         <div>
           <el-button text ref="menuRef">文件</el-button>
           <HomePopover :menu-ref="menuRef" :menu-popover-ref="menuPopoverRef" />
         </div>
       </el-col>
-    </el-row>
+    </el-row> -->
     <Draggable
       class="thumb-content"
       :modelValue="templates"