@layerfi/components 0.1.46 → 0.1.47

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.
@@ -472,6 +472,9 @@
472
472
  .Layer__download-retry-btn {
473
473
  width: 122px;
474
474
  }
475
+ .Layer__download-retry-btn.Layer__btn--icon-only {
476
+ width: 36px;
477
+ }
475
478
  .Layer__btn--primary {
476
479
  color: var(--btn-color-primary);
477
480
  background: var(--btn-bg-color-primary);
@@ -3221,6 +3224,12 @@ tbody .Layer__table__empty-row:first-child {
3221
3224
  display: flex;
3222
3225
  align-items: center;
3223
3226
  }
3227
+ .Layer__header__actions-wrapper {
3228
+ width: 100%;
3229
+ }
3230
+ .Layer__header__actions {
3231
+ width: 100%;
3232
+ }
3224
3233
  .Layer__bank-transactions__list-loader {
3225
3234
  padding: var(--spacing-lg) var(--spacing-md);
3226
3235
  }
@@ -3259,6 +3268,9 @@ tbody .Layer__table__empty-row:first-child {
3259
3268
  width: 100%;
3260
3269
  padding-left: var(--spacing-3xs);
3261
3270
  }
3271
+ .Layer__bank-transactions__header--with-date-picker.Layer__bank-transactions__header--mobile .Layer__datepicker__wrapper {
3272
+ margin-right: 4px;
3273
+ }
3262
3274
  .Layer__bank-transaction-row {
3263
3275
  transition: all var(--transition-speed) ease-in-out;
3264
3276
  opacity: 0.3;
@@ -4378,7 +4390,7 @@ tbody .Layer__table__empty-row:first-child {
4378
4390
  }
4379
4391
  .Layer__bank-transaction-mobile-list-item {
4380
4392
  padding: 0;
4381
- margin: var(--spacing-2xs);
4393
+ margin: var(--spacing-2xs) var(--spacing-md);
4382
4394
  background: var(--color-base-0);
4383
4395
  box-shadow: 0px 2px 2px 0px var(--color-base-200), 0px 4px 4px 0px var(--color-base-100);
4384
4396
  border-radius: var(--border-radius-sm);
@@ -5989,7 +6001,6 @@ tbody .Layer__table__empty-row:first-child {
5989
6001
  border-right: 1px solid var(--color-base-300);
5990
6002
  }
5991
6003
  .Layer__panel .Layer__panel__content .Layer__component-header {
5992
- position: sticky;
5993
6004
  top: 0;
5994
6005
  z-index: auto;
5995
6006
  background: rgba(255, 255, 255, 0.5);
@@ -7108,21 +7119,20 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
7108
7119
  width: calc(25% - 12px);
7109
7120
  height: 56px;
7110
7121
  }
7122
+ .Layer__bookkeeping-overview-profit-and-loss-chart {
7123
+ width: calc(50% - var(--spacing-md) / 2);
7124
+ }
7111
7125
  .Layer__bookkeeping-overview-profit-and-loss-charts {
7112
7126
  display: flex;
7113
- flex-direction: column;
7114
7127
  gap: var(--spacing-md);
7115
7128
  max-width: 1406px;
7116
7129
  }
7117
- .bookkeeping-overview-profit-and-loss-charts > .Layer__toggle {
7130
+ .Layer__bookkeeping-overview-profit-and-loss-charts > .Layer__toggle {
7118
7131
  display: none;
7119
7132
  }
7120
7133
  .Layer__bookkeeping-overview-profit-and-loss .recharts-legend-wrapper {
7121
7134
  top: 16px !important;
7122
7135
  }
7123
- .Layer__component.Layer__bookkeeping-overview-profit-and-loss-chart.bookkeeping-overview-profit-and-loss-chart--hidden {
7124
- display: none;
7125
- }
7126
7136
  @container (max-width: 796px) {
7127
7137
  .Layer__bookkeeping-overview__summaries-row {
7128
7138
  flex-direction: column;
@@ -7134,12 +7144,18 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
7134
7144
  .Layer__bookkeeping-overview__summaries-row .Layer__notification-card.Layer__txs-to-review {
7135
7145
  width: 100%;
7136
7146
  }
7147
+ .Layer__bookkeeping-overview-profit-and-loss-chart {
7148
+ width: 100%;
7149
+ }
7137
7150
  .Layer__bookkeeping-overview-profit-and-loss-charts {
7138
7151
  flex-direction: column;
7139
7152
  }
7140
7153
  .Layer__bookkeeping-overview-profit-and-loss-charts > .Layer__toggle {
7141
7154
  display: flex;
7142
7155
  }
7156
+ .Layer__component.Layer__bookkeeping-overview-profit-and-loss-chart.bookkeeping-overview-profit-and-loss-chart--hidden {
7157
+ display: none;
7158
+ }
7143
7159
  }
7144
7160
  @container (max-width: 460px) {
7145
7161
  .Layer__component.Layer__bookkeeping-overview-profit-and-loss .recharts-responsive-container {