@pmidc/upyog-css 1.2.36-dev.1.11 → 1.2.36-dev.1.13

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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pmidc/upyog-css",
3
- "version": "1.2.36-dev.1.11",
3
+ "version": "1.2.36-dev.1.13",
4
4
  "license": "MIT",
5
5
  "main": "dist/index.css",
6
6
  "engines": {
@@ -31,6 +31,11 @@
31
31
  display: table;
32
32
  overflow: hidden;
33
33
  }
34
+
35
+ .table.cancel-table {
36
+ display: block !important;
37
+ overflow: scroll !important;
38
+ }
34
39
  }
35
40
 
36
41
  .table:hover {
@@ -112,7 +117,6 @@
112
117
  color: #475569;
113
118
  vertical-align: middle;
114
119
  font-size: 14px;
115
- word-break: break-word;
116
120
  transition: color 0.2s ease;
117
121
  border-right: 1px solid transparent;
118
122
  overflow: hidden;
@@ -93,8 +93,11 @@
93
93
  }
94
94
 
95
95
  .close-btn {
96
- background-color: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
97
- padding: 8px 16px;
96
+ padding: 5px 10px;
97
+ &:hover {
98
+ transform: translateY(-2px) !important;
99
+ box-shadow: 0 12px 28px rgba(37, 99, 235, 0.32) !important;
100
+ }
98
101
  }
99
102
 
100
103
  .advisory-text {
@@ -207,4 +210,67 @@
207
210
  color: black;
208
211
  display: inline;
209
212
  padding-left: 180px;
210
- }
213
+ }
214
+
215
+ .custom-loader-overlay {
216
+ position: fixed;
217
+ top: 0;
218
+ left: 0;
219
+ width: 100%;
220
+ height: 100vh;
221
+ display: flex;
222
+ flex-direction: column;
223
+ align-items: center;
224
+ justify-content: center;
225
+ background-color: rgba(255, 255, 255, 0.95);
226
+ z-index: 9999;
227
+ gap: 30px;
228
+ backdrop-filter: blur(15px);
229
+ }
230
+
231
+ .custom-loader-spinner-wrapper {
232
+ width: 130px;
233
+ height: 130px;
234
+ position: relative;
235
+ display: flex;
236
+ align-items: center;
237
+ justify-content: center;
238
+ filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.08));
239
+ }
240
+
241
+ .custom-loader-spinner {
242
+ position: absolute;
243
+ width: 100%;
244
+ height: 100%;
245
+ border: 12px solid #f0f0f0;
246
+ border-top: 12px solid #1a1a1a;
247
+ border-right: 12px solid #1a1a1a;
248
+ border-radius: 50%;
249
+ animation: spin 0.8s linear infinite;
250
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
251
+ }
252
+
253
+ .custom-loader-text {
254
+ font-size: 18px;
255
+ font-weight: 700;
256
+ color: #1a1a1a;
257
+ letter-spacing: 0.5px;
258
+ display: flex;
259
+ align-items: baseline;
260
+ gap: 2px;
261
+ }
262
+
263
+ .custom-loader-dots {
264
+ min-width: 20px;
265
+ display: inline-block;
266
+ }
267
+
268
+ @keyframes spin {
269
+ 0% {
270
+ transform: rotate(0deg);
271
+ }
272
+ 100% {
273
+ transform: rotate(360deg);
274
+ }
275
+ }
276
+