datastake-daf 0.6.532 → 0.6.533
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/dist/layouts/index.css +1 -1
- package/package.json +1 -1
- package/src/@daf/layouts/AppLayout/styles/header.scss +34 -34
- package/src/@daf/layouts/AppLayout/styles/layout.scss +5 -5
- package/src/@daf/layouts/AppLayout/styles/sidebar.scss +7 -10
- package/src/@daf/layouts/AppLayout/styles/variables.scss +0 -12
package/dist/layouts/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.index_components-layout__BppiJ{display:flex;flex-direction:row;height:100dvh;max-height:100dvh;overflow:hidden;width:100vw}.index_components-layout__BppiJ .index_layout-content-wrapper__ANOdo{display:flex;flex-direction:column;min-height:100dvh;width:100%}.index_layout-children__gWZas{background:#fff;flex:1;min-height:calc(100vh - 64px);overflow-y:auto;padding:24px;position:relative}@media (max-width:768px){.index_layout-children__gWZas{padding:16px}}.index_mod-name__ZAqSo{align-items:center;
|
|
1
|
+
.index_components-layout__BppiJ{display:flex;flex-direction:row;height:100dvh;max-height:100dvh;overflow:hidden;width:100vw}.index_components-layout__BppiJ .index_layout-content-wrapper__ANOdo{display:flex;flex-direction:column;min-height:100dvh;width:100%}.index_layout-children__gWZas{background:#fff;flex:1;min-height:calc(100vh - 64px);overflow-y:auto;padding:24px;position:relative}@media (max-width:768px){.index_layout-children__gWZas{padding:16px}}.index_mod-name__ZAqSo{align-items:center;cursor:pointer;display:flex;gap:12px;padding:20px;transition:all .3s}.index_mod-name__ZAqSo.index_is-collapsed__4rEBC{justify-content:center;padding:20px 10px}.index_mod-name__ZAqSo.index_is-collapsed__4rEBC h1{display:none}.index_mod-name__ZAqSo .index_icon__tIPRE{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.index_mod-name__ZAqSo .index_icon__tIPRE img,.index_mod-name__ZAqSo .index_icon__tIPRE svg{height:100%;object-fit:contain;width:100%}.index_mod-name__ZAqSo h1{font-size:16px;font-weight:600;line-height:1.2;margin:0}.index_layout-header__uP-hH{align-items:center;box-shadow:0 2px 8px #00000026;display:flex;height:64px;justify-content:space-between;padding:0 24px;position:relative;z-index:1000}.index_layout-header__uP-hH .index_left-sidebar__rf0f7,.index_layout-header__uP-hH .index_right-sidebar__b2OCD{align-items:center;display:flex;gap:16px}.index_layout-header__uP-hH .index_left-sidebar__rf0f7{flex:1}.index_layout-header__uP-hH .index_trigger__UMbTb{cursor:pointer;font-size:18px;line-height:64px;margin:0 -24px 0 0;padding:0 24px;transition:color .3s}.index_layout-header__uP-hH .index_trigger__UMbTb:hover{color:#1890ff}.index_layout-header__uP-hH .index_desktop__sAat1{display:flex}@media (max-width:768px){.index_layout-header__uP-hH .index_desktop__sAat1{display:none}}.index_layout-header__uP-hH .index_mobile__exhDj{display:none}@media (max-width:768px){.index_layout-header__uP-hH .index_mobile__exhDj{align-items:center;cursor:pointer;display:flex}}.index_layout-header__uP-hH .index_mobile__exhDj img{height:32px;width:auto}.index_layout-header__uP-hH .index_notification-icon__rzMrK{align-items:center;cursor:pointer;display:flex;font-size:18px;padding:8px;position:relative;transition:color .3s}.index_layout-header__uP-hH .index_notification-icon__rzMrK:hover{color:#1890ff}.index_layout-header__uP-hH .index_notification-icon__rzMrK .index_noti-loader__OF-Nt{animation:index_pulse__tnSN4 2s infinite;background:#52c41a;border-radius:50%;height:8px;position:absolute;right:5px;top:5px;width:8px}.index_layout-header__uP-hH .index_notification-icon__rzMrK .index_noti-more-cont__Glzl6{align-items:center;background:#ff4d4f;border-radius:10px;color:#fff;display:flex;font-size:12px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:2px 6px;position:absolute;right:5px;top:5px}.index_layout-header__uP-hH .index_language-select__eSaHK{min-width:100px}.index_layout-header__uP-hH .index_language-select__eSaHK .index_ant-select-selector__G-MXN{background:#0000!important;border:none!important;box-shadow:none!important}.index_layout-header__uP-hH .index_language-select__eSaHK .index_row-cont__G2wqI{align-items:center;display:flex;gap:8px}.index_layout-header__uP-hH .index_user-details__TajEC{align-items:center;display:flex}.index_user-dropdown-layout__jsdUj.index_ant-dropdown__yk3cn .index_ant-dropdown-menu__-Vi2g{min-width:200px;padding:0}.index_user-dropdown-layout__jsdUj.index_ant-dropdown__yk3cn .index_ant-dropdown-menu__-Vi2g .index_ant-dropdown-menu-item__cxyFd{padding:0}.index_user-dropdown-layout__jsdUj.index_ant-dropdown__yk3cn .index_ant-dropdown-menu__-Vi2g .index_ant-dropdown-menu-item__cxyFd:hover{background:#0000}.index_user-dropdown-layout__jsdUj .index_drop-header__4udrF{border-bottom:1px solid #f0f0f0;padding:16px}.index_user-dropdown-layout__jsdUj .index_drop-header__4udrF h4{color:#262626;font-size:14px;font-weight:600;margin:0 0 4px}.index_user-dropdown-layout__jsdUj .index_drop-header__4udrF p{font-size:12px;margin:0}.index_user-dropdown-layout__jsdUj .index_list__JZPtv{padding:8px 0}.index_user-dropdown-layout__jsdUj .index_list__JZPtv .index_list-item__jgxiJ{color:#262626;cursor:pointer;font-size:14px;padding:10px 16px;transition:background .3s}.index_user-dropdown-layout__jsdUj .index_list__JZPtv .index_list-item__jgxiJ:hover{background:#f5f5f5}.index_dark-menu__oxCSP.index_ant-dropdown__yk3cn .index_ant-dropdown-menu__-Vi2g{padding:4px 0}.index_dark-menu__oxCSP.index_ant-dropdown__yk3cn .index_ant-dropdown-menu__-Vi2g .index_ant-dropdown-menu-item__cxyFd{align-items:center;display:flex;gap:8px;padding:8px 12px}.index_dark-menu__oxCSP.index_ant-dropdown__yk3cn .index_ant-dropdown-menu__-Vi2g .index_ant-dropdown-menu-item-disabled__8Zr1C{color:#ffffff4d;cursor:not-allowed}.index_dark-menu__oxCSP.index_ant-dropdown__yk3cn .index_ant-dropdown-menu__-Vi2g .index_ant-dropdown-menu-item-disabled__8Zr1C:hover{background:#0000}@keyframes index_pulse__tnSN4{0%{box-shadow:0 0 0 0 #52c41ab3}70%{box-shadow:0 0 0 6px #52c41a00}to{box-shadow:0 0 0 0 #52c41a00}}.index_sidenav-sider__hWcZw{display:flex;flex-direction:column;height:100dvh;position:relative;transition:all .3s;z-index:999}@media (max-width:768px){.index_sidenav-sider__hWcZw.index_desktop-sider__qQ7Y5{display:none}}.index_sidenav-sider__hWcZw .index_logo__ThlDP{padding:20px;text-align:center}.index_sidenav-sider__hWcZw .index_logo__ThlDP img{cursor:pointer;height:auto;max-height:40px;max-width:100%;object-fit:contain;transition:all .3s}.index_sidenav-sider__hWcZw .index_logo__ThlDP img:hover{opacity:.8}.index_sidenav-sider__hWcZw.index_sidenav-sider-collapsed__PBdKB{min-width:70px!important;width:70px!important}.index_sidenav-sider__hWcZw.index_sidenav-sider-collapsed__PBdKB .index_logo__ThlDP{padding:20px 10px}.index_sidenav-sider__hWcZw.index_sidenav-sider-collapsed__PBdKB .index_logo__ThlDP img{max-height:32px}.index_sidenav-sider__hWcZw.index_sidenav-sider-opened__tBCYr{min-width:250px;width:250px}.index_sidenav-menu__etWhC{flex:1;overflow-x:hidden;overflow-y:auto}.index_sidenav-menu__etWhC::-webkit-scrollbar{width:6px}.index_sidenav-menu__etWhC::-webkit-scrollbar-track{background:#0000}@media (max-width:768px){.index_components-layout__BppiJ .index_sidenav-sider__hWcZw.index_desktop-sider__qQ7Y5{display:none}.index_components-layout__BppiJ .index_layout-header__uP-hH{padding:0 16px}.index_components-layout__BppiJ .index_layout-header__uP-hH .index_left-sidebar__rf0f7,.index_components-layout__BppiJ .index_layout-header__uP-hH .index_right-sidebar__b2OCD{gap:12px}.index_components-layout__BppiJ .index_layout-children__gWZas,.index_user-dropdown-layout__jsdUj .index_drop-header__4udrF{padding:12px}.index_user-dropdown-layout__jsdUj .index_drop-header__4udrF h4{font-size:13px}.index_user-dropdown-layout__jsdUj .index_drop-header__4udrF p{font-size:11px}.index_user-dropdown-layout__jsdUj .index_list__JZPtv .index_list-item__jgxiJ{font-size:13px;padding:8px 12px}}@media (min-width:1920px){.index_layout-children__gWZas{margin:0 auto;max-width:1600px}}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
@import './variables';
|
|
2
2
|
|
|
3
3
|
.layout-header {
|
|
4
|
-
background: $primary-bg;
|
|
4
|
+
// background: $primary-bg;
|
|
5
5
|
height: $header-height;
|
|
6
6
|
display: flex;
|
|
7
7
|
align-items: center;
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
margin: 0 -24px 0 0;
|
|
31
31
|
cursor: pointer;
|
|
32
32
|
transition: color $transition-speed;
|
|
33
|
-
color: $text-primary;
|
|
33
|
+
// color: $text-primary;
|
|
34
34
|
|
|
35
35
|
&:hover {
|
|
36
36
|
color: #1890ff;
|
|
@@ -60,10 +60,10 @@
|
|
|
60
60
|
width: auto;
|
|
61
61
|
}
|
|
62
62
|
|
|
63
|
-
.mobile-burger {
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
}
|
|
63
|
+
// .mobile-burger {
|
|
64
|
+
// font-size: 20px;
|
|
65
|
+
// color: $text-primary;
|
|
66
|
+
// }
|
|
67
67
|
}
|
|
68
68
|
|
|
69
69
|
// Notification icon
|
|
@@ -71,7 +71,7 @@
|
|
|
71
71
|
position: relative;
|
|
72
72
|
cursor: pointer;
|
|
73
73
|
padding: 8px;
|
|
74
|
-
color: $text-primary;
|
|
74
|
+
// color: $text-primary;
|
|
75
75
|
font-size: 18px;
|
|
76
76
|
display: flex;
|
|
77
77
|
align-items: center;
|
|
@@ -117,13 +117,13 @@
|
|
|
117
117
|
.ant-select-selector {
|
|
118
118
|
background: transparent !important;
|
|
119
119
|
border: none !important;
|
|
120
|
-
color: $text-primary !important;
|
|
120
|
+
// color: $text-primary !important;
|
|
121
121
|
box-shadow: none !important;
|
|
122
122
|
}
|
|
123
123
|
|
|
124
|
-
.ant-select-arrow {
|
|
125
|
-
|
|
126
|
-
}
|
|
124
|
+
// .ant-select-arrow {
|
|
125
|
+
// color: $text-primary;
|
|
126
|
+
// }
|
|
127
127
|
|
|
128
128
|
.row-cont {
|
|
129
129
|
display: flex;
|
|
@@ -139,23 +139,23 @@
|
|
|
139
139
|
}
|
|
140
140
|
|
|
141
141
|
// Dark select popup
|
|
142
|
-
.dark-select-popup {
|
|
143
|
-
|
|
144
|
-
|
|
142
|
+
// .dark-select-popup {
|
|
143
|
+
// &.ant-select-dropdown {
|
|
144
|
+
// background: $primary-bg;
|
|
145
145
|
|
|
146
|
-
|
|
147
|
-
|
|
146
|
+
// .ant-select-item {
|
|
147
|
+
// color: $text-primary;
|
|
148
148
|
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
149
|
+
// &:hover {
|
|
150
|
+
// background: $hover-bg;
|
|
151
|
+
// }
|
|
152
152
|
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
}
|
|
153
|
+
// &-option-selected {
|
|
154
|
+
// background: $hover-bg;
|
|
155
|
+
// }
|
|
156
|
+
// }
|
|
157
|
+
// }
|
|
158
|
+
// }
|
|
159
159
|
|
|
160
160
|
// User dropdown
|
|
161
161
|
.user-dropdown-layout {
|
|
@@ -187,7 +187,7 @@
|
|
|
187
187
|
|
|
188
188
|
p {
|
|
189
189
|
margin: 0;
|
|
190
|
-
color: $text-secondary;
|
|
190
|
+
// color: $text-secondary;
|
|
191
191
|
font-size: 12px;
|
|
192
192
|
}
|
|
193
193
|
}
|
|
@@ -213,19 +213,19 @@
|
|
|
213
213
|
.dark-menu {
|
|
214
214
|
&.ant-dropdown {
|
|
215
215
|
.ant-dropdown-menu {
|
|
216
|
-
background: $primary-bg;
|
|
216
|
+
// background: $primary-bg;
|
|
217
217
|
padding: 4px 0;
|
|
218
218
|
|
|
219
219
|
.ant-dropdown-menu-item {
|
|
220
|
-
color: $text-primary;
|
|
220
|
+
// color: $text-primary;
|
|
221
221
|
padding: 8px 12px;
|
|
222
222
|
display: flex;
|
|
223
223
|
align-items: center;
|
|
224
224
|
gap: 8px;
|
|
225
225
|
|
|
226
|
-
&:hover {
|
|
227
|
-
|
|
228
|
-
}
|
|
226
|
+
// &:hover {
|
|
227
|
+
// background: $hover-bg;
|
|
228
|
+
// }
|
|
229
229
|
|
|
230
230
|
&-disabled {
|
|
231
231
|
color: rgba(255, 255, 255, 0.3);
|
|
@@ -236,9 +236,9 @@
|
|
|
236
236
|
}
|
|
237
237
|
}
|
|
238
238
|
|
|
239
|
-
.anticon {
|
|
240
|
-
|
|
241
|
-
}
|
|
239
|
+
// .anticon {
|
|
240
|
+
// color: $text-primary;
|
|
241
|
+
// }
|
|
242
242
|
}
|
|
243
243
|
}
|
|
244
244
|
}
|
|
@@ -35,14 +35,14 @@
|
|
|
35
35
|
display: flex;
|
|
36
36
|
align-items: center;
|
|
37
37
|
gap: 12px;
|
|
38
|
-
border-bottom: 1px solid $border-color;
|
|
39
|
-
color: $text-primary;
|
|
38
|
+
// border-bottom: 1px solid $border-color;
|
|
39
|
+
// color: $text-primary;
|
|
40
40
|
cursor: pointer;
|
|
41
41
|
transition: all $transition-speed;
|
|
42
42
|
|
|
43
|
-
&:hover {
|
|
44
|
-
|
|
45
|
-
}
|
|
43
|
+
// &:hover {
|
|
44
|
+
// background: $hover-bg;
|
|
45
|
+
// }
|
|
46
46
|
|
|
47
47
|
&.is-collapsed {
|
|
48
48
|
justify-content: center;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
@import './variables';
|
|
2
2
|
|
|
3
3
|
.sidenav-sider {
|
|
4
|
-
background: $primary-bg;
|
|
5
4
|
height: 100dvh;
|
|
6
5
|
position: relative;
|
|
7
6
|
transition: all $transition-speed;
|
|
@@ -18,8 +17,6 @@
|
|
|
18
17
|
.logo {
|
|
19
18
|
padding: 20px;
|
|
20
19
|
text-align: center;
|
|
21
|
-
border-bottom: 1px solid $border-color;
|
|
22
|
-
background: $primary-bg;
|
|
23
20
|
|
|
24
21
|
img {
|
|
25
22
|
max-width: 100%;
|
|
@@ -68,12 +65,12 @@
|
|
|
68
65
|
background: transparent;
|
|
69
66
|
}
|
|
70
67
|
|
|
71
|
-
&::-webkit-scrollbar-thumb {
|
|
72
|
-
|
|
73
|
-
|
|
68
|
+
// &::-webkit-scrollbar-thumb {
|
|
69
|
+
// background: rgba(255, 255, 255, 0.2);
|
|
70
|
+
// border-radius: 3px;
|
|
74
71
|
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
}
|
|
72
|
+
// &:hover {
|
|
73
|
+
// background: rgba(255, 255, 255, 0.3);
|
|
74
|
+
// }
|
|
75
|
+
// }
|
|
79
76
|
}
|
|
@@ -1,15 +1,3 @@
|
|
|
1
|
-
// CSS Custom Properties (can be overridden dynamically)
|
|
2
|
-
// These will be set via the theme system in theme.js
|
|
3
|
-
$primary-bg: var(--custom-sidenav-color, #1a1d29);
|
|
4
|
-
$secondary-bg: var(--custom-sidenav-submenu-color, #262b3d);
|
|
5
|
-
$border-color: var(--border-color, rgba(255, 255, 255, 0.1));
|
|
6
|
-
$text-primary: var(--base-white, #ffffff);
|
|
7
|
-
$text-secondary: var(--base-gray-50, #8c8c8c);
|
|
8
|
-
$hover-bg: var(--custom-sidenav-hover-color, rgba(255, 255, 255, 0.1));
|
|
9
|
-
$subsection-hover-bg: var(--custom-sidenav-subsection-hover, rgba(255, 255, 255, 0.05));
|
|
10
|
-
$collapsed-hover-bg: var(--custom-collapsed-sidenav-hover-color, rgba(255, 255, 255, 0.1));
|
|
11
|
-
$disabled-menu-item-color: var(--custom-sidenav-disabled-menu-item-color, #666666);
|
|
12
|
-
|
|
13
1
|
// Spacing
|
|
14
2
|
$header-height: 64px;
|
|
15
3
|
$sidebar-width: 250px;
|