@djb25/digit-ui-css 1.0.56 → 1.0.57

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 (7) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/index.min.css +1 -1
  3. package/package.json +1 -1
  4. package/src/components/navbar.scss +3 -3
  5. package/src/components/staticSideBar.scss +14 -12
  6. package/src/pages/employee/inbox.scss +1 -0
  7. package/src/pages/employee/index.scss +18 -18
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@djb25/digit-ui-css",
3
- "version": "1.0.56",
3
+ "version": "1.0.57",
4
4
  "license": "MIT",
5
5
  "main": "dist/index.css",
6
6
  "author": "satyam",
package/src/components/navbar.scss CHANGED
@@ -111,7 +111,7 @@
111
111
  margin-top: 16px;
112
112
  }
113
113
 
114
- .icon+.menu-label {
114
+ .icon + .menu-label {
115
115
  margin-left: 36px;
116
116
  text-overflow: ellipsis;
117
117
  white-space: nowrap;
@@ -232,7 +232,7 @@
232
232
  margin-top: 16px;
233
233
  }
234
234
 
235
- .icon+.menu-label {
235
+ .icon + .menu-label {
236
236
  margin-left: 36px;
237
237
  overflow: hidden;
238
238
  text-overflow: ellipsis;
@@ -342,4 +342,4 @@
342
342
  img {
343
343
  @apply mr-sm;
344
344
  }
345
- }
345
+ }
package/src/components/staticSideBar.scss CHANGED
@@ -43,12 +43,12 @@
43
43
  flex-direction: column;
44
44
  gap: 8px;
45
45
  padding: 10px 8px 14px;
46
- transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease, transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
46
+ transition: width 0.3s ease-in-out, box-shadow 0.3s ease, transform 0.3s ease-in-out;
47
47
  overflow: hidden;
48
48
  position: relative;
49
49
  z-index: 101;
50
- padding-top: 70px;
51
50
  min-height: 100%;
51
+ height: 100%;
52
52
  }
53
53
 
54
54
  .citizen-static-sidebar.expanded {
@@ -57,6 +57,7 @@
57
57
 
58
58
  .citizen-static-sidebar.collapsed {
59
59
  width: var(--sidebar-collapsed);
60
+ height: 100%;
60
61
  }
61
62
 
62
63
  .citizen-sidebar-header {
@@ -112,8 +113,7 @@
112
113
  .citizen-static-sidebar .profile-section {
113
114
  background: #f8fafc;
114
115
  border-radius: 14px;
115
- padding: 16px 10px 12px;
116
- margin: 0 6px;
116
+ padding: 8px;
117
117
  }
118
118
 
119
119
  .citizen-static-sidebar .profile-section img {
@@ -123,14 +123,12 @@
123
123
  }
124
124
 
125
125
  .citizen-static-sidebar .drawer-desktop {
126
- background: #ffffff;
126
+ background-color: #edf2fd;
127
127
  border-radius: 14px;
128
128
  padding: 6px;
129
- margin: 0 4px;
130
129
  border: 1px solid #eef2f7;
131
130
  flex: 1;
132
- overflow-y: auto;
133
- overflow-x: hidden;
131
+ overflow-y: scroll;
134
132
  }
135
133
 
136
134
  .citizen-static-sidebar .drawer-desktop .sidebar-list {
@@ -181,6 +179,14 @@
181
179
  pointer-events: none;
182
180
  }
183
181
 
182
+ .citizen-static-sidebar.collapsed {
183
+ .citizen-sidebar-header {
184
+ .citizen-sidebar-brand {
185
+ display: none;
186
+ }
187
+ }
188
+ }
189
+
184
190
  .citizen-static-sidebar.collapsed .citizen-sidebar-header {
185
191
  flex-direction: column;
186
192
  gap: 10px;
@@ -213,10 +219,6 @@
213
219
  margin: 0;
214
220
  }
215
221
 
216
- .citizen-static-sidebar.collapsed .profile-section {
217
- padding: 14px 6px 10px;
218
- }
219
-
220
222
  .citizen-static-sidebar.collapsed .profile-section img {
221
223
  width: 44px;
222
224
  height: 44px;
package/src/pages/employee/inbox.scss CHANGED
@@ -791,6 +791,7 @@
791
791
  .card-with-background {
792
792
  background: rgb(250, 250, 250);
793
793
  border: 1px solid rgb(214, 213, 212);
794
+ padding: 20px;
794
795
 
795
796
  .card-head {
796
797
  display: flex;
package/src/pages/employee/index.scss CHANGED
@@ -7,23 +7,6 @@
7
7
  @apply ml-sm mb-lg;
8
8
  }
9
9
 
10
- .ground-container {
11
- width: 100%;
12
- height: 100%;
13
-
14
- @media (max-width: 768px) {
15
- display: flex;
16
- flex-direction: column;
17
- gap: 12px;
18
- }
19
-
20
- /* @apply flex flex-col; */
21
- @media (min-width: 325px) and (max-width: 768px) {
22
- padding-top: 11px;
23
- padding-inline: 10px;
24
- }
25
- }
26
-
27
10
  .card-home {
28
11
  cursor: pointer;
29
12
  overflow: hidden;
@@ -71,6 +54,23 @@
71
54
  }
72
55
  }
73
56
 
57
+ .ground-container {
58
+ width: 100%;
59
+ height: 100%;
60
+
61
+ @media (max-width: 768px) {
62
+ display: flex;
63
+ flex-direction: column;
64
+ gap: 12px;
65
+ }
66
+
67
+ /* @apply flex flex-col; */
68
+ @media (min-width: 325px) and (max-width: 768px) {
69
+ padding-top: 11px;
70
+ padding-inline: 10px;
71
+ }
72
+ }
73
+
74
74
  .no-scrollbar::-webkit-scrollbar {
75
75
  display: none;
76
76
  }
@@ -724,7 +724,7 @@
724
724
  flex-direction: unset !important;
725
725
  width: unset !important;
726
726
  margin-left: unset !important;
727
- padding-top: 58px;
727
+ padding-top: 72px;
728
728
  }
729
729
  }
730
730