@djb25/digit-ui-css 1.0.13 → 1.0.14

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": "@djb25/digit-ui-css",
3
- "version": "1.0.13",
3
+ "version": "1.0.14",
4
4
  "license": "MIT",
5
5
  "main": "dist/index.css",
6
6
  "author": "satyam",
@@ -130,6 +130,7 @@ body {
130
130
  flex-direction: column;
131
131
  gap: 12px;
132
132
  padding: 20px;
133
+ padding-bottom: 0px;
133
134
  width: 100%;
134
135
 
135
136
  .header {
@@ -180,6 +180,7 @@
180
180
  }
181
181
 
182
182
  @screen dt {
183
+
183
184
  .submit-bar,
184
185
  .submit-bar-disabled {
185
186
  width: 240px;
@@ -342,7 +343,7 @@
342
343
  }
343
344
 
344
345
  /* Remove any default margins that might interfere */
345
- .label-field-pair > * {
346
+ .label-field-pair>* {
346
347
  margin: 0;
347
348
  }
348
349
 
@@ -373,8 +374,7 @@
373
374
  margin-right: auto;
374
375
  }
375
376
 
376
- .header-content {
377
- }
377
+ .header-content {}
378
378
 
379
379
  .header-end {
380
380
  margin-left: auto;
@@ -415,8 +415,7 @@
415
415
  margin-bottom: 24px;
416
416
  }
417
417
 
418
- .info-banner-wrap-citizen-override {
419
- }
418
+ .info-banner-wrap-citizen-override {}
420
419
 
421
420
  .oc-aknowledgement-screen {
422
421
  width: auto;
@@ -475,9 +474,16 @@
475
474
  gap: 24px;
476
475
  width: 100%;
477
476
  max-width: 426px;
478
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
477
+ min-height: 270px;
478
+ box-shadow: 0 14px 10px -6px rgba(0, 0, 0, 0.12), 0 8px 12px -8px rgba(0, 0, 0, 0.08);
479
479
  font-family: "Inter", -apple-system, sans-serif;
480
480
  overflow: hidden;
481
+ transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
482
+ }
483
+
484
+ .new-employee-card:hover {
485
+ transform: translateY(-6px);
486
+ box-shadow: 0 24px 36px -8px rgba(0, 0, 0, 0.18), 0 12px 20px -10px rgba(0, 0, 0, 0.12);
481
487
  }
482
488
 
483
489
  .new-employee-card::before {
@@ -487,7 +493,7 @@
487
493
  background-image: url("https://objectstorage.ap-hyderabad-1.oraclecloud.com/n/axn3czn1s06y/b/djb-dev-asset-bucket/o/dashboard_card_img.png");
488
494
  background-size: cover;
489
495
  background-position: center;
490
- opacity: 0.2;
496
+ opacity: 0.5;
491
497
  z-index: 0;
492
498
  }
493
499
 
@@ -574,9 +580,9 @@
574
580
 
575
581
  .secondary-kpi-item {
576
582
  display: flex;
577
- justify-content: space-between;
583
+ justify-content: flex-end;
578
584
  align-items: center;
579
- gap: 24px;
585
+ gap: 8px;
580
586
  width: 100%;
581
587
  }
582
588
 
@@ -649,14 +655,18 @@
649
655
  .details-btn {
650
656
  background-color: #1e293b;
651
657
  color: #ffffff;
652
- padding: 8px 20px;
653
- border-radius: 20px;
654
- font-size: 0.8rem;
658
+ padding: 6px 20px;
659
+ border-radius: 6px;
660
+ font-size: 0.75rem;
655
661
  font-weight: 600;
656
662
  border: none;
657
663
  cursor: pointer;
664
+ transition: background-color 0.2s;
665
+ display: inline-flex;
666
+ align-items: center;
667
+ justify-content: center;
668
+ text-align: center;
658
669
  flex-shrink: 0;
659
- margin-bottom: 2px;
660
670
  }
661
671
 
662
672
  .details-btn:hover {
@@ -1324,4 +1334,4 @@
1324
1334
  .collapsed .nav-item-content {
1325
1335
  justify-content: center;
1326
1336
  padding: 12px 0;
1327
- }
1337
+ }
package/src/index.scss CHANGED
@@ -703,7 +703,7 @@ input[type="number"] {
703
703
 
704
704
  .employee-app-wrapper {
705
705
  min-height: calc(100vh - 8em);
706
- height: calc(100vh - 125px);
706
+ height: calc(100vh - 105px);
707
707
  }
708
708
 
709
709
  .ws-custom-wrapper {