images/variant-form3-vite
2
0
Fork 0
mirror of https://github.com/vform666/variant-form3-vite.git synced 2024-11-10 09:39:20 +08:00
Code Issues Packages Projects Releases Wiki Activity

优化组件库显示样式。

Browse Source
This commit is contained in:
vdpAdmin 2023-04-22 11:04:02 +08:00
parent bf15bcb963
commit 6d66308fbb
1 changed files with 15 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/components/form-designer/widget-panel/index.vue
View File

@ -278,7 +278,8 @@
<style lang="scss" scoped> <style lang="scss" scoped>
.color-svg-icon { .color-svg-icon {
color: $--color-primary; -webkit-font-smoothing: antialiased;
color: #7c7d82;
} }
.side-scroll-bar { .side-scroll-bar {
@ -332,21 +333,28 @@
.container-widget-item, .field-widget-item { .container-widget-item, .field-widget-item {
display: inline-block; display: inline-block;
height: 28px; height: 32px;
line-height: 28px; line-height: 32px;
width: 115px; width: 98px;
float: left; float: left;
margin: 2px 6px 6px 0; margin: 2px 6px 6px 0;
cursor: move; cursor: move;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
background: #f1f2f3; background: #fff;
border: 1px solid #e8e9eb;
border-radius: 4px;
padding: 0 8px;
} }
.container-widget-item:hover, .field-widget-item:hover { .container-widget-item:hover, .field-widget-item:hover {
background: #EBEEF5; background: #F1F2F3;
outline: 1px solid $--color-primary; border-color: $--color-primary;
.color-svg-icon {
color: $--color-primary;
}
} }
.drag-handler { .drag-handler {