@loafmarkets/ui 0.1.157 → 0.1.159

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 CHANGED
@@ -8535,8 +8535,13 @@ function PropertyOverview({
8535
8535
  const loadingSkeleton = /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { width: 90, height: 18 });
8536
8536
  const resolvedPropertyType = overviewData?.propertyType ?? propertyTypeLabel ?? null;
8537
8537
  const galleryImages = images ?? [];
8538
+ const chainValue = /* @__PURE__ */ jsxRuntime.jsxs(ChainLogos, { children: [
8539
+ /* @__PURE__ */ jsxRuntime.jsx(ChainLogoImg, { src: "/Base-Symbol.png", alt: "Base" }),
8540
+ /* @__PURE__ */ jsxRuntime.jsx(ChainLogoImg, { src: "/Ethereum-Logo.png", alt: "Ethereum", style: { filter: "brightness(0) invert(1)" } }),
8541
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: chain })
8542
+ ] });
8538
8543
  const tokenDetailsItems = [
8539
- { label: "Chain", value: chain },
8544
+ { label: "Chain", value: chainValue },
8540
8545
  { label: "Contract Address", value: contractAddress ? truncateAddress(contractAddress) : "\u2014", mono: true, link: contractAddress ? `https://basescan.org/address/${contractAddress}` : void 0 },
8541
8546
  { label: "Token Ticker", value: ticker ?? "\u2014" },
8542
8547
  { label: "Total Tokens", value: isLoading && resolvedTokensIssued == null ? loadingSkeleton : resolvedTokensIssued?.toLocaleString() ?? "\u2014" },
@@ -8894,9 +8899,14 @@ var GalleryBreakout = styled9__default.default.div`
8894
8899
  position: relative;
8895
8900
  left: 50%;
8896
8901
  margin-left: -50vw;
8897
- padding: 0 clamp(1rem, 2vw, 2rem);
8898
- box-sizing: border-box;
8899
- max-width: 100vw;
8902
+ display: flex;
8903
+ justify-content: center;
8904
+ > * {
8905
+ width: 100%;
8906
+ max-width: 1800px;
8907
+ padding: 0 clamp(1rem, 2vw, 2rem);
8908
+ box-sizing: border-box;
8909
+ }
8900
8910
  `;
8901
8911
  var Section = styled9__default.default.div`
8902
8912
  background: #111;
@@ -9004,6 +9014,16 @@ var TokenDetailValue = styled9__default.default.span`
9004
9014
  font-weight: 500;
9005
9015
  font-family: ${(p) => p.$mono ? "'SF Mono', 'Fira Code', monospace" : "inherit"};
9006
9016
  `;
9017
+ var ChainLogos = styled9__default.default.span`
9018
+ display: inline-flex;
9019
+ align-items: center;
9020
+ gap: 6px;
9021
+ `;
9022
+ var ChainLogoImg = styled9__default.default.img`
9023
+ height: 16px;
9024
+ width: auto;
9025
+ vertical-align: middle;
9026
+ `;
9007
9027
  var StatsGrid = styled9__default.default.div`
9008
9028
  display: grid;
9009
9029
  grid-template-columns: 1fr 1fr;