@deriv-web-design/ui 0.0.6 → 0.0.7
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/index.css +12 -10
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +5 -1
- package/dist/index.d.ts +5 -1
- package/dist/index.js +19 -23
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +19 -23
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -3406,7 +3406,6 @@
|
|
|
3406
3406
|
top: calc(100% + var(--spacing-8));
|
|
3407
3407
|
left: calc(50% - var(--navbar-dropdown-w) / 2);
|
|
3408
3408
|
width: var(--navbar-dropdown-w);
|
|
3409
|
-
height: 23.25rem;
|
|
3410
3409
|
background-color: var(--color-slate-50);
|
|
3411
3410
|
border: 1px solid var(--color-slate-100);
|
|
3412
3411
|
border-radius: var(--navbar-dropdown-radius);
|
|
@@ -3440,6 +3439,7 @@
|
|
|
3440
3439
|
gap: var(--spacing-16);
|
|
3441
3440
|
flex-shrink: 0;
|
|
3442
3441
|
width: 12.375rem;
|
|
3442
|
+
align-self: start;
|
|
3443
3443
|
}
|
|
3444
3444
|
.navbar__dropdown-col-list {
|
|
3445
3445
|
display: flex;
|
|
@@ -3503,9 +3503,12 @@
|
|
|
3503
3503
|
.navbar__dropdown-feature-overlay {
|
|
3504
3504
|
position: absolute;
|
|
3505
3505
|
inset: 0;
|
|
3506
|
-
background
|
|
3506
|
+
background:
|
|
3507
|
+
linear-gradient(
|
|
3508
|
+
to bottom,
|
|
3509
|
+
rgba(24, 28, 37, 0) 0%,
|
|
3510
|
+
rgba(24, 28, 37, 0.92) 100%);
|
|
3507
3511
|
border-radius: var(--radius-2xl);
|
|
3508
|
-
opacity: 0.8;
|
|
3509
3512
|
pointer-events: none;
|
|
3510
3513
|
}
|
|
3511
3514
|
.navbar__dropdown-feature-img {
|
|
@@ -3515,7 +3518,6 @@
|
|
|
3515
3518
|
height: 100%;
|
|
3516
3519
|
object-fit: cover;
|
|
3517
3520
|
border-radius: var(--radius-2xl);
|
|
3518
|
-
opacity: 0.2;
|
|
3519
3521
|
pointer-events: none;
|
|
3520
3522
|
}
|
|
3521
3523
|
.navbar__dropdown-feature-content {
|
|
@@ -3651,14 +3653,12 @@
|
|
|
3651
3653
|
}
|
|
3652
3654
|
.navbar__drawer-panel-cols {
|
|
3653
3655
|
display: flex;
|
|
3656
|
+
flex-direction: column;
|
|
3654
3657
|
gap: var(--spacing-16);
|
|
3655
3658
|
}
|
|
3656
3659
|
.navbar__drawer-panel-col {
|
|
3657
3660
|
display: flex;
|
|
3658
|
-
flex: 1;
|
|
3659
3661
|
flex-direction: column;
|
|
3660
|
-
gap: var(--spacing-16);
|
|
3661
|
-
min-width: 0;
|
|
3662
3662
|
}
|
|
3663
3663
|
.navbar__drawer-col-section {
|
|
3664
3664
|
display: flex;
|
|
@@ -3707,8 +3707,11 @@
|
|
|
3707
3707
|
.navbar__drawer-feature-overlay {
|
|
3708
3708
|
position: absolute;
|
|
3709
3709
|
inset: 0;
|
|
3710
|
-
background
|
|
3711
|
-
|
|
3710
|
+
background:
|
|
3711
|
+
linear-gradient(
|
|
3712
|
+
to bottom,
|
|
3713
|
+
rgba(24, 28, 37, 0) 0%,
|
|
3714
|
+
rgba(24, 28, 37, 0.92) 100%);
|
|
3712
3715
|
pointer-events: none;
|
|
3713
3716
|
border-radius: var(--radius-2xl);
|
|
3714
3717
|
}
|
|
@@ -3718,7 +3721,6 @@
|
|
|
3718
3721
|
width: 100%;
|
|
3719
3722
|
height: 100%;
|
|
3720
3723
|
object-fit: cover;
|
|
3721
|
-
opacity: 0.2;
|
|
3722
3724
|
pointer-events: none;
|
|
3723
3725
|
border-radius: var(--radius-2xl);
|
|
3724
3726
|
}
|