@loafmarkets/ui 0.1.338 → 0.1.339
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.js +23 -9
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +23 -9
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -11387,7 +11387,7 @@ function AssetSelectorBar({
|
|
|
11387
11387
|
] })
|
|
11388
11388
|
] })
|
|
11389
11389
|
] }, m.label)) }),
|
|
11390
|
-
trailing,
|
|
11390
|
+
trailing != null && /* @__PURE__ */ jsxRuntime.jsx(TrailingWrapper, { children: trailing }),
|
|
11391
11391
|
isDropdownOpen && hasItems && /* @__PURE__ */ jsxRuntime.jsx(IPODropdown, { children: selectorItems.map((item) => {
|
|
11392
11392
|
const isCurrent = item.tokenName === currentTokenName;
|
|
11393
11393
|
const status = item.status?.toUpperCase();
|
|
@@ -11471,6 +11471,9 @@ var AssetSelectorDropdown = styled9__default.default.div`
|
|
|
11471
11471
|
padding: 0.5rem 0.75rem;
|
|
11472
11472
|
border-radius: 8px;
|
|
11473
11473
|
transition: all 0.2s ease;
|
|
11474
|
+
flex: 1 1 auto;
|
|
11475
|
+
min-width: 0;
|
|
11476
|
+
overflow: hidden;
|
|
11474
11477
|
&:hover { background-color: rgba(255,255,255,0.05); }
|
|
11475
11478
|
`;
|
|
11476
11479
|
var AssetName = styled9__default.default.div`
|
|
@@ -11480,7 +11483,8 @@ var AssetName = styled9__default.default.div`
|
|
|
11480
11483
|
font-size: 1.15rem;
|
|
11481
11484
|
color: var(--color-text);
|
|
11482
11485
|
letter-spacing: -0.02em;
|
|
11483
|
-
|
|
11486
|
+
min-width: 0;
|
|
11487
|
+
svg { flex-shrink: 0; margin-left: 0.75rem; transition: transform 0.3s cubic-bezier(0.4,0,0.2,1); opacity: 0.7; }
|
|
11484
11488
|
&:hover svg { opacity: 1; }
|
|
11485
11489
|
|
|
11486
11490
|
@media (min-width: 769px) and (max-width: 1200px) {
|
|
@@ -11489,6 +11493,9 @@ var AssetName = styled9__default.default.div`
|
|
|
11489
11493
|
|
|
11490
11494
|
@media (max-width: 768px) {
|
|
11491
11495
|
font-size: 1rem;
|
|
11496
|
+
overflow: hidden;
|
|
11497
|
+
text-overflow: ellipsis;
|
|
11498
|
+
white-space: nowrap;
|
|
11492
11499
|
}
|
|
11493
11500
|
|
|
11494
11501
|
@media (max-width: 480px) {
|
|
@@ -11508,17 +11515,24 @@ var SelectorMetrics = styled9__default.default.div`
|
|
|
11508
11515
|
border: 1px solid rgba(255,255,255,0.05);
|
|
11509
11516
|
|
|
11510
11517
|
@media (max-width: 768px) {
|
|
11511
|
-
|
|
11512
|
-
|
|
11518
|
+
width: 100%;
|
|
11519
|
+
margin-left: 0;
|
|
11513
11520
|
margin-right: 0;
|
|
11521
|
+
justify-content: flex-start;
|
|
11522
|
+
gap: 0.75rem;
|
|
11523
|
+
padding: 0.4rem 0.5rem;
|
|
11514
11524
|
}
|
|
11525
|
+
`;
|
|
11526
|
+
var TrailingWrapper = styled9__default.default.div`
|
|
11527
|
+
display: flex;
|
|
11528
|
+
align-items: center;
|
|
11515
11529
|
|
|
11516
|
-
@media (max-width:
|
|
11530
|
+
@media (max-width: 768px) {
|
|
11517
11531
|
width: 100%;
|
|
11518
|
-
|
|
11519
|
-
|
|
11520
|
-
|
|
11521
|
-
|
|
11532
|
+
overflow-x: auto;
|
|
11533
|
+
-webkit-overflow-scrolling: touch;
|
|
11534
|
+
scrollbar-width: none;
|
|
11535
|
+
&::-webkit-scrollbar { display: none; }
|
|
11522
11536
|
}
|
|
11523
11537
|
`;
|
|
11524
11538
|
var MetricLabel = styled9__default.default.span`
|