@layerfi/components 0.1.17 → 0.1.18

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.
@@ -1659,6 +1659,7 @@
1659
1659
  display: flex;
1660
1660
  flex-direction: column;
1661
1661
  gap: var(--spacing-md);
1662
+ container-type: inline-size;
1662
1663
  }
1663
1664
  .Layer__view-header {
1664
1665
  display: flex;
@@ -3188,8 +3189,8 @@
3188
3189
  .Layer__table__expand-icon {
3189
3190
  transition: transform 150ms ease-out;
3190
3191
  color: var(--color-base-600);
3191
- margin-left: -3px;
3192
- margin-right: var(--spacing-sm);
3192
+ margin-left: -15px;
3193
+ padding: var(--spacing-sm);
3193
3194
  }
3194
3195
  .Layer__chart-of-accounts__table .Layer__table-row:not(.Layer__table-row--depth-0):not(.Layer__table-row--header) {
3195
3196
  background-color: var(--color-base-50);
@@ -3461,15 +3462,6 @@
3461
3462
  .Layer__row--expanded .Layer__table-cell {
3462
3463
  background-color: var(--bg-element-focus);
3463
3464
  }
3464
- .Layer__table__expand-icon {
3465
- transition: transform 150ms ease-out;
3466
- color: var(--color-base-600);
3467
- margin-left: -3px;
3468
- margin-right: var(--spacing-sm);
3469
- }
3470
- .Layer__journal__table .Layer__table-row--collapsed .Layer__table__expand-icon {
3471
- transform: rotate(-90deg);
3472
- }
3473
3465
  .Layer__journal__form {
3474
3466
  display: flex;
3475
3467
  flex-direction: column;
@@ -4599,6 +4591,12 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
4599
4591
  padding-bottom: var(--spacing-lg);
4600
4592
  padding-left: var(--spacing-md);
4601
4593
  padding-right: var(--spacing-md);
4594
+ box-sizing: border-box;
4595
+ }
4596
+ @container (max-width: 280px) {
4597
+ .Layer__profit-and-loss-detailed-charts .chart-container {
4598
+ width: 100%;
4599
+ }
4602
4600
  }
4603
4601
  .Layer__profit-and-loss-detailed-charts .recharts-responsive-container {
4604
4602
  box-shadow: none;
@@ -4898,8 +4896,9 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
4898
4896
  .Layer__accounting-overview__summaries-row {
4899
4897
  display: flex;
4900
4898
  align-items: center;
4901
- column-gap: var(--spacing-md);
4899
+ gap: var(--spacing-md);
4902
4900
  max-width: 1406px;
4901
+ width: 100%;
4903
4902
  }
4904
4903
  .Layer__accounting-overview__summaries-row .Layer__notification-card {
4905
4904
  width: calc(25% - 12px);
@@ -4908,4 +4907,16 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
4908
4907
  .Layer__component.Layer__accounting-overview-profit-and-loss .recharts-responsive-container {
4909
4908
  margin-top: -42px;
4910
4909
  }
4910
+ @container (max-width: 796px) {
4911
+ .Layer__accounting-overview__summaries-row {
4912
+ flex-direction: column;
4913
+ }
4914
+ .Layer__accounting-overview__summaries-row .Layer__profit-and-loss-summaries {
4915
+ width: 100%;
4916
+ flex-direction: column;
4917
+ }
4918
+ .Layer__accounting-overview__summaries-row .Layer__notification-card.Layer__txs-to-review {
4919
+ width: 100%;
4920
+ }
4921
+ }
4911
4922
  /*# sourceMappingURL=index.css.map */