@loafmarkets/ui 0.1.251 → 0.1.253

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.mjs CHANGED
@@ -5578,7 +5578,7 @@ var MobileOnlyButton = styled9.button.attrs({ type: "button" })`
5578
5578
  background-color: ${(props) => props.$isOpen ? "rgba(240, 185, 11, 0.4)" : "#d19f0a"};
5579
5579
  }
5580
5580
 
5581
- @media (max-width: 1800px) {
5581
+ @media (max-width: 1024px) {
5582
5582
  display: flex;
5583
5583
  }
5584
5584
  `;
@@ -5670,7 +5670,7 @@ var Nav = styled9.nav`
5670
5670
  display: none;
5671
5671
  }
5672
5672
 
5673
- @media (max-width: 1800px) {
5673
+ @media (max-width: 1024px) {
5674
5674
  .mobile-loaf-logo {
5675
5675
  display: flex !important;
5676
5676
  align-items: center;
@@ -5678,7 +5678,7 @@ var Nav = styled9.nav`
5678
5678
  }
5679
5679
  }
5680
5680
 
5681
- @media (max-width: 1800px) {
5681
+ @media (max-width: 1024px) {
5682
5682
  position: fixed;
5683
5683
  top: 56px;
5684
5684
  top: calc(56px + max(env(safe-area-inset-top, 0px), var(--telegram-safe-top, 0px)));
@@ -6037,8 +6037,11 @@ var PortfolioBarContainer = styled9.div`
6037
6037
  pointer-events: none;
6038
6038
  }
6039
6039
 
6040
- @media (max-width: 768px) {
6040
+ @media (max-width: 1800px) {
6041
6041
  display: flex;
6042
+ }
6043
+
6044
+ @media (max-width: 768px) {
6042
6045
  top: calc(46px + 0.5rem);
6043
6046
  padding: 0 0.75rem;
6044
6047
  justify-content: center;