@maketribe/ms-app 3.0.33 → 3.0.35

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (22) hide show
  1. package/dist/cjs/layouts/components/bar/index.js +2 -2
  2. package/dist/cjs/layouts/components/bar/index.js.map +1 -1
  3. package/dist/cjs/layouts/components/header/index.js +10 -1
  4. package/dist/cjs/layouts/components/header/index.js.map +1 -1
  5. package/dist/esm/layouts/components/bar/index.js +2 -2
  6. package/dist/esm/layouts/components/bar/index.js.map +1 -1
  7. package/dist/esm/layouts/components/header/index.js +10 -1
  8. package/dist/esm/layouts/components/header/index.js.map +1 -1
  9. package/dist/style/index.css +2 -2
  10. package/dist/style/layouts/default/bar.css +1 -1
  11. package/dist/style/layouts/default/header.css +1 -1
  12. package/dist/style/layouts/default/index.css +1 -1
  13. package/dist/style/layouts/default/menu.css +1 -1
  14. package/dist/style/layouts/index.css +1 -1
  15. package/dist/style/src/layouts/default/bar.scss +26 -22
  16. package/dist/style/src/layouts/default/header.scss +12 -1
  17. package/dist/style/src/layouts/default/menu.scss +24 -0
  18. package/dist/style/src/theme/theme.scss +4 -1
  19. package/dist/style/theme/theme.css +1 -1
  20. package/package.json +4 -4
  21. package/src/layouts/components/bar/index.tsx +1 -1
  22. package/src/layouts/components/header/index.tsx +6 -1
package/dist/style/layouts/default/bar.css CHANGED
@@ -1 +1 @@
1
- .mk-bar{display:flex;flex-direction:column;width:80px;height:100%;background-color:#001428;color:#fff}.mk-bar__logo{overflow:hidden;width:64px;height:64px;border-radius:4px;margin:8px auto}.mk-bar__items{flex:1}.mk-bar__footer{font-size:18px;display:flex;align-items:center;justify-content:center}.mk-bar__item{position:relative;display:flex;align-items:center;justify-content:center;width:64px;margin:0 auto;flex-direction:column;cursor:pointer;margin-top:10px;padding:8px 0}.mk-bar__item-button{display:flex;align-items:center;justify-content:center;width:25px;height:25px;background-color:#9d9d9d;border-radius:4px}.mk-bar__item-title{font-size:12px;padding:5px 5px 0 5px;overflow:hidden;text-overflow:clip;white-space:normal;width:100%;box-sizing:border-box;text-align:center}.mk-bar__item.is-active{background:#fff;border-radius:4px}.mk-bar__item.is-active .mk-bar__item-button{background-color:#ff844b}.mk-bar__item.is-active .mk-bar__item-title{color:#333}.mk-bar__item.is-active.has-children{border-top-right-radius:0;border-bottom-right-radius:0}.mk-bar__item.is-active.has-children::after{content:"";position:absolute;left:100%;height:100%;width:8px;background-color:#fff}.mk-bar .mk-logo{width:65px;height:65px;margin:0 auto;background-size:contain;background-position:center center}.mk-bar-settings__icon{cursor:pointer}.mk-bar-settings__item{display:flex;padding:5px 3px;align-items:center;cursor:pointer}.mk-bar-settings__item-icon{margin-right:10px}.mk-bar-settings__item:hover{background-color:#ecf5ff}
1
+ .mk-bar{display:flex;flex-direction:column;width:80px;height:100%;background-color:#eff5ff;color:#fff}.mk-bar__logo{overflow:hidden;width:64px;height:64px;border-radius:4px;margin:8px auto}.mk-bar__items{flex:1;color:#276efd}.mk-bar__footer{font-size:18px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.mk-bar__item{position:relative;display:flex;align-items:center;justify-content:center;width:64px;margin:0 auto;flex-direction:column;cursor:pointer;margin-top:10px;padding:8px 0}.mk-bar__item-button{display:flex;align-items:center;justify-content:center;width:25px;height:25px;color:#276efd;border-radius:4px}.mk-bar__item-title{font-size:12px;padding:5px 5px 0 5px;overflow:hidden;text-overflow:clip;white-space:normal;width:100%;box-sizing:border-box;text-align:center;color:#276efd}.mk-bar__item.is-active{background:#fff;border-radius:10px}.mk-bar__item.is-active .mk-bar__item-button{color:#276efd}.mk-bar .mk-logo{width:65px;height:65px;margin:0 auto;background-size:contain;background-position:center center}.mk-bar-settings__icon{cursor:pointer}.mk-bar-settings__item{display:flex;padding:5px 3px;align-items:center;cursor:pointer}.mk-bar-settings__item-icon{margin-right:10px}.mk-bar-settings__item:hover{background-color:#ecf5ff}
package/dist/style/layouts/default/header.css CHANGED
@@ -1 +1 @@
1
- .mk-header{display:flex;height:56px}.mk-header__main{flex:1}.mk-header-tools{height:100%}.mk-header-tools__item{cursor:pointer;padding:0 10px;height:100%;display:flex;align-items:center}.mk-header-tools__item:hover{background-color:#f5f5f5}.mk-header-tools__user{height:100%}.mk-header-tools__user-info{height:100%;display:flex;align-items:center;outline:0}.mk-header-tools__avatar{height:28px;border-radius:50%;overflow:hidden}.mk-header-tools__nickName{margin-left:5px}
1
+ .mk-header{display:flex;height:56px}.mk-header__logo{height:36px;width:auto;margin-left:30px}.mk-header__main{flex:1;display:flex;align-items:center;justify-content:flex-start}.mk-header-tools{height:100%}.mk-header-tools__item{cursor:pointer;padding:0 10px;height:100%;display:flex;align-items:center}.mk-header-tools__item:hover{background-color:#f5f5f5}.mk-header-tools__user{height:100%}.mk-header-tools__user-info{height:100%;display:flex;align-items:center;outline:0}.mk-header-tools__avatar{height:28px;border-radius:50%;overflow:hidden}.mk-header-tools__nickName{margin-left:5px}
package/dist/style/layouts/default/index.css CHANGED
@@ -1 +1 @@
1
- .mk-bar{display:flex;flex-direction:column;width:80px;height:100%;background-color:#001428;color:#fff}.mk-bar__logo{overflow:hidden;width:64px;height:64px;border-radius:4px;margin:8px auto}.mk-bar__items{flex:1}.mk-bar__footer{font-size:18px;display:flex;align-items:center;justify-content:center}.mk-bar__item{position:relative;display:flex;align-items:center;justify-content:center;width:64px;margin:0 auto;flex-direction:column;cursor:pointer;margin-top:10px;padding:8px 0}.mk-bar__item-button{display:flex;align-items:center;justify-content:center;width:25px;height:25px;background-color:#9d9d9d;border-radius:4px}.mk-bar__item-title{font-size:12px;padding:5px 5px 0 5px;overflow:hidden;text-overflow:clip;white-space:normal;width:100%;box-sizing:border-box;text-align:center}.mk-bar__item.is-active{background:#fff;border-radius:4px}.mk-bar__item.is-active .mk-bar__item-button{background-color:#ff844b}.mk-bar__item.is-active .mk-bar__item-title{color:#333}.mk-bar__item.is-active.has-children{border-top-right-radius:0;border-bottom-right-radius:0}.mk-bar__item.is-active.has-children::after{content:"";position:absolute;left:100%;height:100%;width:8px;background-color:#fff}.mk-bar .mk-logo{width:65px;height:65px;margin:0 auto;background-size:contain;background-position:center center}.mk-bar-settings__icon{cursor:pointer}.mk-bar-settings__item{display:flex;padding:5px 3px;align-items:center;cursor:pointer}.mk-bar-settings__item-icon{margin-right:10px}.mk-bar-settings__item:hover{background-color:#ecf5ff}.mk-menu{--el-menu-active-color:rgba(0, 98, 255, 1);--el-menu-text-color:rgba(23, 23, 37, 1);width:200px;height:100%;background-color:#fff}.mk-menu .el-menu{border:none}.mk-menu-item__icon{margin-right:10px}.mk-header{display:flex;height:56px}.mk-header__main{flex:1}.mk-header-tools{height:100%}.mk-header-tools__item{cursor:pointer;padding:0 10px;height:100%;display:flex;align-items:center}.mk-header-tools__item:hover{background-color:#f5f5f5}.mk-header-tools__user{height:100%}.mk-header-tools__user-info{height:100%;display:flex;align-items:center;outline:0}.mk-header-tools__avatar{height:28px;border-radius:50%;overflow:hidden}.mk-header-tools__nickName{margin-left:5px}.mk-layout-default{height:100%;background-color:#ebeced}.mk-layout-default>.el-main{--el-main-padding:0px}.mk-layout-default__body{height:100%}.mk-layout-default__body>.el-main{--el-main-padding:0px}.mk-layout-default__header{box-sizing:content-box;--el-header-height:56px;background-color:#fff;border-bottom:1px solid #e2e2ea}.mk-layout-default__main{height:100%}.mk-layout-default__main>.el-main{--el-main-padding:0px}.mk-layout-default__menu{border-right:1px solid #e2e2ea}
1
+ .mk-bar{display:flex;flex-direction:column;width:80px;height:100%;background-color:#eff5ff;color:#fff}.mk-bar__logo{overflow:hidden;width:64px;height:64px;border-radius:4px;margin:8px auto}.mk-bar__items{flex:1;color:#276efd}.mk-bar__footer{font-size:18px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.mk-bar__item{position:relative;display:flex;align-items:center;justify-content:center;width:64px;margin:0 auto;flex-direction:column;cursor:pointer;margin-top:10px;padding:8px 0}.mk-bar__item-button{display:flex;align-items:center;justify-content:center;width:25px;height:25px;color:#276efd;border-radius:4px}.mk-bar__item-title{font-size:12px;padding:5px 5px 0 5px;overflow:hidden;text-overflow:clip;white-space:normal;width:100%;box-sizing:border-box;text-align:center;color:#276efd}.mk-bar__item.is-active{background:#fff;border-radius:10px}.mk-bar__item.is-active .mk-bar__item-button{color:#276efd}.mk-bar .mk-logo{width:65px;height:65px;margin:0 auto;background-size:contain;background-position:center center}.mk-bar-settings__icon{cursor:pointer}.mk-bar-settings__item{display:flex;padding:5px 3px;align-items:center;cursor:pointer}.mk-bar-settings__item-icon{margin-right:10px}.mk-bar-settings__item:hover{background-color:#ecf5ff}.mk-menu{--el-menu-active-color:rgba(0, 98, 255, 1);--el-menu-text-color:rgba(23, 23, 37, 1);width:200px;height:100%;background-color:#fff}.mk-menu .el-menu{border:none;padding-top:10px}.mk-menu .is-active{background-color:#eff5ff;border-radius:8px}.mk-menu .el-sub-menu{background-color:#fff}.mk-menu-item{margin:10px;padding:0;box-sizing:border-box}.mk-menu-item:first-child{margin-top:0}.mk-menu-item__icon{margin-right:10px}:root{--el-menu-item-height:40px}.mk-header{display:flex;height:56px}.mk-header__logo{height:36px;width:auto;margin-left:30px}.mk-header__main{flex:1;display:flex;align-items:center;justify-content:flex-start}.mk-header-tools{height:100%}.mk-header-tools__item{cursor:pointer;padding:0 10px;height:100%;display:flex;align-items:center}.mk-header-tools__item:hover{background-color:#f5f5f5}.mk-header-tools__user{height:100%}.mk-header-tools__user-info{height:100%;display:flex;align-items:center;outline:0}.mk-header-tools__avatar{height:28px;border-radius:50%;overflow:hidden}.mk-header-tools__nickName{margin-left:5px}.mk-layout-default{height:100%;background-color:#ebeced}.mk-layout-default>.el-main{--el-main-padding:0px}.mk-layout-default__body{height:100%}.mk-layout-default__body>.el-main{--el-main-padding:0px}.mk-layout-default__header{box-sizing:content-box;--el-header-height:56px;background-color:#fff;border-bottom:1px solid #e2e2ea}.mk-layout-default__main{height:100%}.mk-layout-default__main>.el-main{--el-main-padding:0px}.mk-layout-default__menu{border-right:1px solid #e2e2ea}
package/dist/style/layouts/default/menu.css CHANGED
@@ -1 +1 @@
1
- .mk-menu{--el-menu-active-color:rgba(0, 98, 255, 1);--el-menu-text-color:rgba(23, 23, 37, 1);width:200px;height:100%;background-color:#fff}.mk-menu .el-menu{border:none}.mk-menu-item__icon{margin-right:10px}
1
+ .mk-menu{--el-menu-active-color:rgba(0, 98, 255, 1);--el-menu-text-color:rgba(23, 23, 37, 1);width:200px;height:100%;background-color:#fff}.mk-menu .el-menu{border:none;padding-top:10px}.mk-menu .is-active{background-color:#eff5ff;border-radius:8px}.mk-menu .el-sub-menu{background-color:#fff}.mk-menu-item{margin:10px;padding:0;box-sizing:border-box}.mk-menu-item:first-child{margin-top:0}.mk-menu-item__icon{margin-right:10px}:root{--el-menu-item-height:40px}
package/dist/style/layouts/index.css CHANGED
@@ -1 +1 @@
1
- .mk-lock{position:fixed;left:0;top:0;right:0;bottom:0;z-index:1999}.mk-lock__overlay{width:100%;height:100%}.mk-lock-entry{position:absolute;top:50%;left:50%;width:260px;transform:translate(-50%,-50%)}.mk-lock-entry__footer{display:flex;justify-content:space-between;margin-top:6px}.mk-bar{display:flex;flex-direction:column;width:80px;height:100%;background-color:#001428;color:#fff}.mk-bar__logo{overflow:hidden;width:64px;height:64px;border-radius:4px;margin:8px auto}.mk-bar__items{flex:1}.mk-bar__footer{font-size:18px;display:flex;align-items:center;justify-content:center}.mk-bar__item{position:relative;display:flex;align-items:center;justify-content:center;width:64px;margin:0 auto;flex-direction:column;cursor:pointer;margin-top:10px;padding:8px 0}.mk-bar__item-button{display:flex;align-items:center;justify-content:center;width:25px;height:25px;background-color:#9d9d9d;border-radius:4px}.mk-bar__item-title{font-size:12px;padding:5px 5px 0 5px;overflow:hidden;text-overflow:clip;white-space:normal;width:100%;box-sizing:border-box;text-align:center}.mk-bar__item.is-active{background:#fff;border-radius:4px}.mk-bar__item.is-active .mk-bar__item-button{background-color:#ff844b}.mk-bar__item.is-active .mk-bar__item-title{color:#333}.mk-bar__item.is-active.has-children{border-top-right-radius:0;border-bottom-right-radius:0}.mk-bar__item.is-active.has-children::after{content:"";position:absolute;left:100%;height:100%;width:8px;background-color:#fff}.mk-bar .mk-logo{width:65px;height:65px;margin:0 auto;background-size:contain;background-position:center center}.mk-bar-settings__icon{cursor:pointer}.mk-bar-settings__item{display:flex;padding:5px 3px;align-items:center;cursor:pointer}.mk-bar-settings__item-icon{margin-right:10px}.mk-bar-settings__item:hover{background-color:#ecf5ff}.mk-menu{--el-menu-active-color:rgba(0, 98, 255, 1);--el-menu-text-color:rgba(23, 23, 37, 1);width:200px;height:100%;background-color:#fff}.mk-menu .el-menu{border:none}.mk-menu-item__icon{margin-right:10px}.mk-header{display:flex;height:56px}.mk-header__main{flex:1}.mk-header-tools{height:100%}.mk-header-tools__item{cursor:pointer;padding:0 10px;height:100%;display:flex;align-items:center}.mk-header-tools__item:hover{background-color:#f5f5f5}.mk-header-tools__user{height:100%}.mk-header-tools__user-info{height:100%;display:flex;align-items:center;outline:0}.mk-header-tools__avatar{height:28px;border-radius:50%;overflow:hidden}.mk-header-tools__nickName{margin-left:5px}.mk-layout-default{height:100%;background-color:#ebeced}.mk-layout-default>.el-main{--el-main-padding:0px}.mk-layout-default__body{height:100%}.mk-layout-default__body>.el-main{--el-main-padding:0px}.mk-layout-default__header{box-sizing:content-box;--el-header-height:56px;background-color:#fff;border-bottom:1px solid #e2e2ea}.mk-layout-default__main{height:100%}.mk-layout-default__main>.el-main{--el-main-padding:0px}.mk-layout-default__menu{border-right:1px solid #e2e2ea}
1
+ .mk-lock{position:fixed;left:0;top:0;right:0;bottom:0;z-index:1999}.mk-lock__overlay{width:100%;height:100%}.mk-lock-entry{position:absolute;top:50%;left:50%;width:260px;transform:translate(-50%,-50%)}.mk-lock-entry__footer{display:flex;justify-content:space-between;margin-top:6px}.mk-bar{display:flex;flex-direction:column;width:80px;height:100%;background-color:#eff5ff;color:#fff}.mk-bar__logo{overflow:hidden;width:64px;height:64px;border-radius:4px;margin:8px auto}.mk-bar__items{flex:1;color:#276efd}.mk-bar__footer{font-size:18px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.mk-bar__item{position:relative;display:flex;align-items:center;justify-content:center;width:64px;margin:0 auto;flex-direction:column;cursor:pointer;margin-top:10px;padding:8px 0}.mk-bar__item-button{display:flex;align-items:center;justify-content:center;width:25px;height:25px;color:#276efd;border-radius:4px}.mk-bar__item-title{font-size:12px;padding:5px 5px 0 5px;overflow:hidden;text-overflow:clip;white-space:normal;width:100%;box-sizing:border-box;text-align:center;color:#276efd}.mk-bar__item.is-active{background:#fff;border-radius:10px}.mk-bar__item.is-active .mk-bar__item-button{color:#276efd}.mk-bar .mk-logo{width:65px;height:65px;margin:0 auto;background-size:contain;background-position:center center}.mk-bar-settings__icon{cursor:pointer}.mk-bar-settings__item{display:flex;padding:5px 3px;align-items:center;cursor:pointer}.mk-bar-settings__item-icon{margin-right:10px}.mk-bar-settings__item:hover{background-color:#ecf5ff}.mk-menu{--el-menu-active-color:rgba(0, 98, 255, 1);--el-menu-text-color:rgba(23, 23, 37, 1);width:200px;height:100%;background-color:#fff}.mk-menu .el-menu{border:none;padding-top:10px}.mk-menu .is-active{background-color:#eff5ff;border-radius:8px}.mk-menu .el-sub-menu{background-color:#fff}.mk-menu-item{margin:10px;padding:0;box-sizing:border-box}.mk-menu-item:first-child{margin-top:0}.mk-menu-item__icon{margin-right:10px}:root{--el-menu-item-height:40px}.mk-header{display:flex;height:56px}.mk-header__logo{height:36px;width:auto;margin-left:30px}.mk-header__main{flex:1;display:flex;align-items:center;justify-content:flex-start}.mk-header-tools{height:100%}.mk-header-tools__item{cursor:pointer;padding:0 10px;height:100%;display:flex;align-items:center}.mk-header-tools__item:hover{background-color:#f5f5f5}.mk-header-tools__user{height:100%}.mk-header-tools__user-info{height:100%;display:flex;align-items:center;outline:0}.mk-header-tools__avatar{height:28px;border-radius:50%;overflow:hidden}.mk-header-tools__nickName{margin-left:5px}.mk-layout-default{height:100%;background-color:#ebeced}.mk-layout-default>.el-main{--el-main-padding:0px}.mk-layout-default__body{height:100%}.mk-layout-default__body>.el-main{--el-main-padding:0px}.mk-layout-default__header{box-sizing:content-box;--el-header-height:56px;background-color:#fff;border-bottom:1px solid #e2e2ea}.mk-layout-default__main{height:100%}.mk-layout-default__main>.el-main{--el-main-padding:0px}.mk-layout-default__menu{border-right:1px solid #e2e2ea}
package/dist/style/src/layouts/default/bar.scss CHANGED
@@ -3,7 +3,7 @@
3
3
  flex-direction: column;
4
4
  width: 80px;
5
5
  height: 100%;
6
- background-color: rgba(0, 20, 40, 1);
6
+ background-color: #eff5ff;
7
7
  color: white;
8
8
 
9
9
  &__logo {
@@ -16,6 +16,7 @@
16
16
 
17
17
  &__items {
18
18
  flex: 1;
19
+ color: #276efd;
19
20
  }
20
21
 
21
22
  &__footer {
@@ -23,6 +24,7 @@
23
24
  display: flex;
24
25
  align-items: center;
25
26
  justify-content: center;
27
+ margin-bottom: 20px;
26
28
  }
27
29
 
28
30
  &__item {
@@ -43,7 +45,8 @@
43
45
  justify-content: center;
44
46
  width: 25px;
45
47
  height: 25px;
46
- background-color: rgba(157, 157, 157, 1);
48
+ // background-color: rgba(157, 157, 157, 1);
49
+ color: #276efd;
47
50
  border-radius: 4px;
48
51
  }
49
52
 
@@ -56,35 +59,36 @@
56
59
  width: 100%;
57
60
  box-sizing: border-box;
58
61
  text-align: center;
62
+ color: #276efd;
59
63
  }
60
64
 
61
65
  &.is-active {
62
66
  background: white;
63
- border-radius: 4px;
67
+ border-radius: 10px;
64
68
 
65
69
  .mk-bar__item-button {
66
70
  // width: 40px;
67
71
  // height: 40px;
68
- background-color: rgba(255, 132, 75, 1);
69
- }
70
-
71
- .mk-bar__item-title {
72
- color: #333;
72
+ color: #276efd;
73
73
  }
74
74
 
75
- &.has-children {
76
- border-top-right-radius: 0px;
77
- border-bottom-right-radius: 0px;
78
-
79
- &::after {
80
- content: "";
81
- position: absolute;
82
- left: 100%;
83
- height: 100%;
84
- width: 8px;
85
- background-color: white;
86
- }
87
- }
75
+ // .mk-bar__item-title {
76
+ // color: #333;
77
+ // }
78
+
79
+ // &.has-children {
80
+ // border-top-right-radius: 0px;
81
+ // border-bottom-right-radius: 0px;
82
+
83
+ // &::after {
84
+ // content: "";
85
+ // position: absolute;
86
+ // left: 100%;
87
+ // height: 100%;
88
+ // width: 8px;
89
+ // background-color: white;
90
+ // }
91
+ // }
88
92
  }
89
93
  }
90
94
 
@@ -118,4 +122,4 @@
118
122
  }
119
123
  }
120
124
  }
121
- }
125
+ }
package/dist/style/src/layouts/default/header.scss CHANGED
@@ -2,12 +2,22 @@
2
2
  display: flex;
3
3
  height: 56px;
4
4
 
5
+ &__logo {
6
+ height: 36px;
7
+ width: auto;
8
+ margin-left: 30px
9
+ }
10
+
5
11
  &__main {
6
12
  flex: 1;
13
+ display: flex;
14
+ align-items: center;
15
+ justify-content: flex-start;
7
16
  }
8
17
 
9
18
  &-tools {
10
19
  height: 100%;
20
+
11
21
  &__item {
12
22
  cursor: pointer;
13
23
  padding: 0 10px;
@@ -36,8 +46,9 @@
36
46
  border-radius: 50%;
37
47
  overflow: hidden;
38
48
  }
49
+
39
50
  &__nickName {
40
51
  margin-left: 5px;
41
52
  }
42
53
  }
43
- }
54
+ }
package/dist/style/src/layouts/default/menu.scss CHANGED
@@ -7,11 +7,35 @@
7
7
 
8
8
  .el-menu {
9
9
  border: none;
10
+ padding-top: 10px;
10
11
  }
11
12
 
13
+
14
+ .is-active {
15
+ background-color: #eff5ff;
16
+ border-radius: 8px;
17
+ }
18
+
19
+ .el-sub-menu {
20
+ background-color: #fff;
21
+ }
22
+
23
+
12
24
  &-item {
25
+ margin: 10px;
26
+ padding: 0;
27
+ box-sizing: border-box;
28
+
29
+ &:first-child {
30
+ margin-top: 0;
31
+ }
32
+
13
33
  &__icon {
14
34
  margin-right: 10px;
15
35
  }
16
36
  }
17
37
  }
38
+
39
+ :root {
40
+ --el-menu-item-height: 40px;
41
+ }
package/dist/style/src/theme/theme.scss CHANGED
@@ -52,11 +52,14 @@ input:-webkit-autofill:active {
52
52
  }
53
53
 
54
54
  .el-menu {
55
+ &-item{
56
+ margin: 10px;
57
+ }
55
58
  .mk-svg-icon {
56
59
  .el-icon {
57
60
  width: auto;
58
61
  font-size: inherit;
59
- margin: 0;
62
+ margin:0px;
60
63
  }
61
64
  }
62
65
  }