imatrix-ui 2.7.60-dw → 2.7.62-dw
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.
- package/package.json +1 -1
- package/src/styles/sidebar.scss +18 -18
package/package.json
CHANGED
package/src/styles/sidebar.scss
CHANGED
|
@@ -8,13 +8,13 @@
|
|
|
8
8
|
.main-container {
|
|
9
9
|
height: 100%;
|
|
10
10
|
transition: margin-left .28s;
|
|
11
|
-
margin-left:
|
|
11
|
+
margin-left: 224px;
|
|
12
12
|
position: relative;
|
|
13
13
|
}
|
|
14
14
|
// 侧边栏
|
|
15
15
|
.sidebar-container {
|
|
16
16
|
transition: width 0.28s;
|
|
17
|
-
width:
|
|
17
|
+
width: 224px !important;
|
|
18
18
|
height: 100%;
|
|
19
19
|
position: fixed;
|
|
20
20
|
top: 0;
|
|
@@ -118,14 +118,14 @@
|
|
|
118
118
|
}
|
|
119
119
|
.sidebar-container .nest-menu .el-submenu>.el-submenu__title,
|
|
120
120
|
.sidebar-container .el-submenu .el-menu-item {
|
|
121
|
-
min-width:
|
|
121
|
+
min-width: 224px !important;
|
|
122
122
|
background-color: $subMenuBg !important;
|
|
123
123
|
&:hover {
|
|
124
124
|
background-color: $menuHover !important;
|
|
125
125
|
}
|
|
126
126
|
}
|
|
127
127
|
.el-menu--collapse .el-menu .el-submenu {
|
|
128
|
-
min-width:
|
|
128
|
+
min-width: 224px !important;
|
|
129
129
|
}
|
|
130
130
|
|
|
131
131
|
.sidebar-container .el-menu .menu-wrapper .is-active,.sidebar-container .el-submenu .el-menu .is-active {
|
|
@@ -144,12 +144,12 @@
|
|
|
144
144
|
}
|
|
145
145
|
.sidebar-container {
|
|
146
146
|
transition: transform .28s;
|
|
147
|
-
width:
|
|
147
|
+
width: 224px !important;
|
|
148
148
|
}
|
|
149
149
|
&.hideSidebar {
|
|
150
150
|
.sidebar-container {
|
|
151
151
|
transition-duration: 0.3s;
|
|
152
|
-
transform: translate3d(-
|
|
152
|
+
transform: translate3d(-224px, 0, 0);
|
|
153
153
|
}
|
|
154
154
|
}
|
|
155
155
|
}
|
|
@@ -180,13 +180,13 @@ $menuBgBlack:#333;
|
|
|
180
180
|
.main-container {
|
|
181
181
|
height: 100%;
|
|
182
182
|
transition: margin-left .28s;
|
|
183
|
-
margin-left:
|
|
183
|
+
margin-left: 224px;
|
|
184
184
|
position: relative;
|
|
185
185
|
}
|
|
186
186
|
// 侧边栏
|
|
187
187
|
.sidebar-container {
|
|
188
188
|
transition: width 0.28s;
|
|
189
|
-
width:
|
|
189
|
+
width: 224px !important;
|
|
190
190
|
height: 100%;
|
|
191
191
|
position: fixed;
|
|
192
192
|
top: 0;
|
|
@@ -293,14 +293,14 @@ $menuBgBlack:#333;
|
|
|
293
293
|
}
|
|
294
294
|
.sidebar-container .nest-menu .el-submenu>.el-submenu__title,
|
|
295
295
|
.sidebar-container .el-submenu .el-menu-item {
|
|
296
|
-
min-width:
|
|
296
|
+
min-width: 224px !important;
|
|
297
297
|
background-color: $subMenuBgBlack !important;
|
|
298
298
|
&:hover {
|
|
299
299
|
background-color: $menuHoverBlack !important;
|
|
300
300
|
}
|
|
301
301
|
}
|
|
302
302
|
.el-menu--collapse .el-menu .el-submenu {
|
|
303
|
-
min-width:
|
|
303
|
+
min-width: 224px !important;
|
|
304
304
|
}
|
|
305
305
|
.sidebar-container .el-menu-item, .sidebar-container .el-submenu__title{
|
|
306
306
|
color: #eee
|
|
@@ -334,12 +334,12 @@ $menuBgBlack:#333;
|
|
|
334
334
|
}
|
|
335
335
|
.sidebar-container {
|
|
336
336
|
transition: transform .28s;
|
|
337
|
-
width:
|
|
337
|
+
width: 224px !important;
|
|
338
338
|
}
|
|
339
339
|
&.hideSidebar {
|
|
340
340
|
.sidebar-container {
|
|
341
341
|
transition-duration: 0.3s;
|
|
342
|
-
transform: translate3d(-
|
|
342
|
+
transform: translate3d(-224px, 0, 0);
|
|
343
343
|
}
|
|
344
344
|
}
|
|
345
345
|
}
|
|
@@ -370,13 +370,13 @@ $menuBgBlack:#333;
|
|
|
370
370
|
.main-container {
|
|
371
371
|
height: 100%;
|
|
372
372
|
transition: margin-left .28s;
|
|
373
|
-
margin-left:
|
|
373
|
+
margin-left: 224px;
|
|
374
374
|
position: relative;
|
|
375
375
|
}
|
|
376
376
|
// 侧边栏
|
|
377
377
|
.sidebar-container {
|
|
378
378
|
transition: width 0.28s;
|
|
379
|
-
width:
|
|
379
|
+
width: 224px !important;
|
|
380
380
|
height: 100%;
|
|
381
381
|
position: fixed;
|
|
382
382
|
top: 0;
|
|
@@ -480,14 +480,14 @@ $menuBgBlack:#333;
|
|
|
480
480
|
}
|
|
481
481
|
.sidebar-container .nest-menu .el-submenu>.el-submenu__title,
|
|
482
482
|
.sidebar-container .el-submenu .el-menu-item {
|
|
483
|
-
min-width:
|
|
483
|
+
min-width: 224px !important;
|
|
484
484
|
background-color: $subMenuBg !important;
|
|
485
485
|
&:hover {
|
|
486
486
|
background-color: $menuHover !important;
|
|
487
487
|
}
|
|
488
488
|
}
|
|
489
489
|
.el-menu--collapse .el-menu .el-submenu {
|
|
490
|
-
min-width:
|
|
490
|
+
min-width: 224px !important;
|
|
491
491
|
}
|
|
492
492
|
|
|
493
493
|
.sidebar-container .el-menu .menu-wrapper .is-active,.sidebar-container .el-submenu .el-menu .is-active {
|
|
@@ -506,12 +506,12 @@ $menuBgBlack:#333;
|
|
|
506
506
|
}
|
|
507
507
|
.sidebar-container {
|
|
508
508
|
transition: transform .28s;
|
|
509
|
-
width:
|
|
509
|
+
width: 224px !important;
|
|
510
510
|
}
|
|
511
511
|
&.hideSidebar {
|
|
512
512
|
.sidebar-container {
|
|
513
513
|
transition-duration: 0.3s;
|
|
514
|
-
transform: translate3d(-
|
|
514
|
+
transform: translate3d(-224px, 0, 0);
|
|
515
515
|
}
|
|
516
516
|
}
|
|
517
517
|
}
|