@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.mjs CHANGED
@@ -8509,8 +8509,13 @@ function PropertyOverview({
8509
8509
  const loadingSkeleton = /* @__PURE__ */ jsx(Skeleton, { width: 90, height: 18 });
8510
8510
  const resolvedPropertyType = overviewData?.propertyType ?? propertyTypeLabel ?? null;
8511
8511
  const galleryImages = images ?? [];
8512
+ const chainValue = /* @__PURE__ */ jsxs(ChainLogos, { children: [
8513
+ /* @__PURE__ */ jsx(ChainLogoImg, { src: "/Base-Symbol.png", alt: "Base" }),
8514
+ /* @__PURE__ */ jsx(ChainLogoImg, { src: "/Ethereum-Logo.png", alt: "Ethereum", style: { filter: "brightness(0) invert(1)" } }),
8515
+ /* @__PURE__ */ jsx("span", { children: chain })
8516
+ ] });
8512
8517
  const tokenDetailsItems = [
8513
- { label: "Chain", value: chain },
8518
+ { label: "Chain", value: chainValue },
8514
8519
  { label: "Contract Address", value: contractAddress ? truncateAddress(contractAddress) : "\u2014", mono: true, link: contractAddress ? `https://basescan.org/address/${contractAddress}` : void 0 },
8515
8520
  { label: "Token Ticker", value: ticker ?? "\u2014" },
8516
8521
  { label: "Total Tokens", value: isLoading && resolvedTokensIssued == null ? loadingSkeleton : resolvedTokensIssued?.toLocaleString() ?? "\u2014" },
@@ -8868,9 +8873,14 @@ var GalleryBreakout = styled9.div`
8868
8873
  position: relative;
8869
8874
  left: 50%;
8870
8875
  margin-left: -50vw;
8871
- padding: 0 clamp(1rem, 2vw, 2rem);
8872
- box-sizing: border-box;
8873
- max-width: 100vw;
8876
+ display: flex;
8877
+ justify-content: center;
8878
+ > * {
8879
+ width: 100%;
8880
+ max-width: 1800px;
8881
+ padding: 0 clamp(1rem, 2vw, 2rem);
8882
+ box-sizing: border-box;
8883
+ }
8874
8884
  `;
8875
8885
  var Section = styled9.div`
8876
8886
  background: #111;
@@ -8978,6 +8988,16 @@ var TokenDetailValue = styled9.span`
8978
8988
  font-weight: 500;
8979
8989
  font-family: ${(p) => p.$mono ? "'SF Mono', 'Fira Code', monospace" : "inherit"};
8980
8990
  `;
8991
+ var ChainLogos = styled9.span`
8992
+ display: inline-flex;
8993
+ align-items: center;
8994
+ gap: 6px;
8995
+ `;
8996
+ var ChainLogoImg = styled9.img`
8997
+ height: 16px;
8998
+ width: auto;
8999
+ vertical-align: middle;
9000
+ `;
8981
9001
  var StatsGrid = styled9.div`
8982
9002
  display: grid;
8983
9003
  grid-template-columns: 1fr 1fr;