fix: Style optimization

dataeaseShu · dataeaseShu · commit 073e616f0225 · 2025-09-08T10:11:25.000+08:00
diff --git a/frontend/src/components/layout/LayoutDsl.vue b/frontend/src/components/layout/LayoutDsl.vue
@@ -162,6 +162,17 @@ const showSysmenu = computed(() => {
         .fold {
           cursor: pointer;
           margin-left: auto;
+          border-radius: 6px;
+          width: 40px;
+          height: 40px;
+          &:hover,
+          &:focus {
+            background: #1f23291a;
+          }
+
+          &:active {
+            background: #1f232933;
+          }
         }
       }
     }
diff --git a/frontend/src/style.less b/frontend/src/style.less
@@ -413,3 +413,9 @@ strong {
 .ed-dropdown__popper {
   --ed-dropdown-menuItem-hover-fill: #1f23291a !important;
 }
+.ed-dialog__headerbtn {
+  border-radius: 6px !important;
+  &.mrt {
+    margin-top: -7px;
+  }
+}
diff --git a/frontend/src/views/ds/AddDrawer.vue b/frontend/src/views/ds/AddDrawer.vue
@@ -97,7 +97,7 @@ defineExpose({
           </el-step>
         </el-steps>
       </div>
-      <el-icon style="cursor: pointer" @click="close">
+      <el-icon class="ed-dialog__headerbtn mrt" style="cursor: pointer" @click="close">
         <icon_close_outlined></icon_close_outlined>
       </el-icon>
     </template>
diff --git a/frontend/src/views/system/embedded/Page.vue b/frontend/src/views/system/embedded/Page.vue
@@ -689,14 +689,18 @@ const copyCode = (row: any, key: any = 'app_secret') => {
         .ed-icon {
           margin-left: 8px;
         }
+
+        .ed-icon + .ed-icon {
+          margin-left: 12px;
+        }
       }
       .field-comment {
         height: 24px;
+
         .ed-icon {
           position: relative;
           cursor: pointer;
           margin-top: 4px;
-          margin-right: 10px;
 
           &::after {
             content: '';
@@ -721,6 +725,9 @@ const copyCode = (row: any, key: any = 'app_secret') => {
             cursor: not-allowed;
           }
         }
+        .ed-icon + .ed-icon {
+          margin-left: 12px;
+        }
       }
 
       .preview-num {
diff --git a/frontend/src/views/system/embedded/iframe.vue b/frontend/src/views/system/embedded/iframe.vue
@@ -1288,7 +1288,7 @@ const saveHandler = () => {
         background: #1f23291a;
       }
       .ed-button + .ed-button {
-        margin-left: 4px;
+        margin-left: 8px;
       }
     }
 
diff --git a/frontend/src/views/system/model/Model.vue b/frontend/src/views/system/model/Model.vue
@@ -437,7 +437,7 @@ const submit = (item: any) => {
             </el-step>
           </el-steps>
         </div>
-        <el-icon style="cursor: pointer" @click="close">
+        <el-icon class="ed-dialog__headerbtn mrt" style="cursor: pointer" @click="close">
           <icon_close_outlined></icon_close_outlined>
         </el-icon>
       </template>
diff --git a/frontend/src/views/system/model/ModelForm.vue b/frontend/src/views/system/model/ModelForm.vue
@@ -589,7 +589,7 @@ defineExpose({
         background: #1f23291a;
       }
       .ed-button + .ed-button {
-        margin-left: 4px;
+        margin-left: 8px;
       }
     }
   }
diff --git a/frontend/src/views/system/permission/index.vue b/frontend/src/views/system/permission/index.vue
@@ -626,7 +626,7 @@ const columnRules = {
             </el-step>
           </el-steps>
         </div>
-        <el-icon style="cursor: pointer" @click="close">
+        <el-icon class="ed-dialog__headerbtn mrt" style="cursor: pointer" @click="close">
           <icon_close_outlined></icon_close_outlined>
         </el-icon>
       </template>
@@ -994,7 +994,7 @@ const columnRules = {
             .action-btn {
               margin-top: 4px;
               &:nth-child(1) {
-                margin-right: 8px;
+                margin-right: 12px;
               }
             }
           }
diff --git a/frontend/src/views/system/professional/index.vue b/frontend/src/views/system/professional/index.vue
@@ -661,7 +661,6 @@ const deleteHandlerItem = (idx: number) => {
           position: relative;
           cursor: pointer;
           margin-top: 4px;
-          margin-right: 10px;
 
           &::after {
             content: '';
@@ -686,6 +685,9 @@ const deleteHandlerItem = (idx: number) => {
             cursor: not-allowed;
           }
         }
+        .ed-icon + .ed-icon {
+          margin-left: 12px;
+        }
       }
 
       .preview-num {

Original file line number	Diff line number	Diff line change
`@@ -162,6 +162,17 @@ const showSysmenu = computed(() => {`
`162`	`162`	`.fold {`
`163`	`163`	`cursor: pointer;`
`164`	`164`	`margin-left: auto;`
	`165`	`+ border-radius: 6px;`
	`166`	`+ width: 40px;`
	`167`	`+ height: 40px;`
	`168`	`+ &:hover,`
	`169`	`+ &:focus {`
	`170`	`+ background: #1f23291a;`
	`171`	`+ }`
	`172`	`+`
	`173`	`+ &:active {`
	`174`	`+ background: #1f232933;`
	`175`	`+ }`
`165`	`176`	`}`
`166`	`177`	`}`
`167`	`178`	`}`
Original file line number	Diff line number	Diff line change
`@@ -689,14 +689,18 @@ const copyCode = (row: any, key: any = 'app_secret') => {`
`689`	`689`	`.ed-icon {`
`690`	`690`	`margin-left: 8px;`
`691`	`691`	`}`
	`692`	`+`
	`693`	`+ .ed-icon + .ed-icon {`
	`694`	`+ margin-left: 12px;`
	`695`	`+ }`
`692`	`696`	`}`
`693`	`697`	`.field-comment {`
`694`	`698`	`height: 24px;`
	`699`	`+`
`695`	`700`	`.ed-icon {`
`696`	`701`	`position: relative;`
`697`	`702`	`cursor: pointer;`
`698`	`703`	`margin-top: 4px;`
`699`		`- margin-right: 10px;`
`700`	`704`
`701`	`705`	`&::after {`
`702`	`706`	`content: '';`
`@@ -721,6 +725,9 @@ const copyCode = (row: any, key: any = 'app_secret') => {`
`721`	`725`	`cursor: not-allowed;`
`722`	`726`	`}`
`723`	`727`	`}`
	`728`	`+ .ed-icon + .ed-icon {`
	`729`	`+ margin-left: 12px;`
	`730`	`+ }`
`724`	`731`	`}`
`725`	`732`
`726`	`733`	`.preview-num {`
Original file line number	Diff line number	Diff line change
`@@ -1288,7 +1288,7 @@ const saveHandler = () => {`
`1288`	`1288`	`background: #1f23291a;`
`1289`	`1289`	`}`
`1290`	`1290`	`.ed-button + .ed-button {`
`1291`		`- margin-left: 4px;`
	`1291`	`+ margin-left: 8px;`
`1292`	`1292`	`}`
`1293`	`1293`	`}`
`1294`	`1294`
Original file line number	Diff line number	Diff line change
`@@ -589,7 +589,7 @@ defineExpose({`
`589`	`589`	`background: #1f23291a;`
`590`	`590`	`}`
`591`	`591`	`.ed-button + .ed-button {`
`592`		`- margin-left: 4px;`
	`592`	`+ margin-left: 8px;`
`593`	`593`	`}`
`594`	`594`	`}`
`595`	`595`	`}`
Original file line number	Diff line number	Diff line change
`@@ -626,7 +626,7 @@ const columnRules = {`
`626`	`626`	`</el-step>`
`627`	`627`	`</el-steps>`
`628`	`628`	`</div>`
`629`		`- <el-icon style="cursor: pointer" @click="close">`
	`629`	`+ <el-icon class="ed-dialog__headerbtn mrt" style="cursor: pointer" @click="close">`
`630`	`630`	`<icon_close_outlined></icon_close_outlined>`
`631`	`631`	`</el-icon>`
`632`	`632`	`</template>`
`@@ -994,7 +994,7 @@ const columnRules = {`
`994`	`994`	`.action-btn {`
`995`	`995`	`margin-top: 4px;`
`996`	`996`	`&:nth-child(1) {`
`997`		`- margin-right: 8px;`
	`997`	`+ margin-right: 12px;`
`998`	`998`	`}`
`999`	`999`	`}`
`1000`	`1000`	`}`
Original file line number	Diff line number	Diff line change
`@@ -661,7 +661,6 @@ const deleteHandlerItem = (idx: number) => {`
`661`	`661`	`position: relative;`
`662`	`662`	`cursor: pointer;`
`663`	`663`	`margin-top: 4px;`
`664`		`- margin-right: 10px;`
`665`	`664`
`666`	`665`	`&::after {`
`667`	`666`	`content: '';`
`@@ -686,6 +685,9 @@ const deleteHandlerItem = (idx: number) => {`
`686`	`685`	`cursor: not-allowed;`
`687`	`686`	`}`
`688`	`687`	`}`
	`688`	`+ .ed-icon + .ed-icon {`
	`689`	`+ margin-left: 12px;`
	`690`	`+ }`
`689`	`691`	`}`
`690`	`692`
`691`	`693`	`.preview-num {`