@loafmarkets/ui 0.1.228 → 0.1.230
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 +183 -220
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +183 -220
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -7942,7 +7942,8 @@ function GalleryMapSection({
|
|
|
7942
7942
|
autoPlay = true,
|
|
7943
7943
|
autoPlayInterval = 4e3,
|
|
7944
7944
|
hideMap = false,
|
|
7945
|
-
hideGallery = false
|
|
7945
|
+
hideGallery = false,
|
|
7946
|
+
hideSuburb = false
|
|
7946
7947
|
}) {
|
|
7947
7948
|
const [carouselIndex, setCarouselIndex] = useState(0);
|
|
7948
7949
|
const [showVideo, setShowVideo] = useState(false);
|
|
@@ -8066,7 +8067,7 @@ function GalleryMapSection({
|
|
|
8066
8067
|
)
|
|
8067
8068
|
] })
|
|
8068
8069
|
] }),
|
|
8069
|
-
!hideMap && /* @__PURE__ */ jsxs(SuburbProfilePanel, { children: [
|
|
8070
|
+
!hideMap && !hideSuburb && /* @__PURE__ */ jsxs(SuburbProfilePanel, { children: [
|
|
8070
8071
|
/* @__PURE__ */ jsxs(SuburbProfileTitle, { children: [
|
|
8071
8072
|
"Suburb Profile (",
|
|
8072
8073
|
propertyLocation.split(",")[0]?.trim() || propertyLocation,
|
|
@@ -8705,7 +8706,68 @@ function PropertyOverview({
|
|
|
8705
8706
|
item.icon && /* @__PURE__ */ jsx(AssetFeatureIcon, { children: item.icon }),
|
|
8706
8707
|
item.value && /* @__PURE__ */ jsx(AssetFeatureValue, { children: item.value }),
|
|
8707
8708
|
/* @__PURE__ */ jsx(AssetFeatureLabel, { children: item.label })
|
|
8708
|
-
] }, i)) })
|
|
8709
|
+
] }, i)) }),
|
|
8710
|
+
/* @__PURE__ */ jsxs(CompAssetsPanel, { children: [
|
|
8711
|
+
/* @__PURE__ */ jsx(StatsColumnHeader, { children: "Comparable Assets" }),
|
|
8712
|
+
/* @__PURE__ */ jsxs(CompAssetsGrid, { children: [
|
|
8713
|
+
/* @__PURE__ */ jsxs(CompAssetMini, { children: [
|
|
8714
|
+
/* @__PURE__ */ jsxs(CompAssetMiniTop, { children: [
|
|
8715
|
+
/* @__PURE__ */ jsx(CompAssetThumb, { children: /* @__PURE__ */ jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
|
|
8716
|
+
e.target.style.display = "none";
|
|
8717
|
+
} }) }),
|
|
8718
|
+
/* @__PURE__ */ jsxs(CompAssetInfo, { children: [
|
|
8719
|
+
/* @__PURE__ */ jsxs(CompAssetName, { children: [
|
|
8720
|
+
"Boondabah ",
|
|
8721
|
+
/* @__PURE__ */ jsx(CompAssetBadge, { children: "HERITAGE" })
|
|
8722
|
+
] }),
|
|
8723
|
+
/* @__PURE__ */ jsx(CompAssetAddr, { children: "200A Raglan St, Mosman" })
|
|
8724
|
+
] })
|
|
8725
|
+
] }),
|
|
8726
|
+
/* @__PURE__ */ jsxs(CompAssetMiniBottom, { children: [
|
|
8727
|
+
/* @__PURE__ */ jsxs(CompAssetMiniStat, { children: [
|
|
8728
|
+
/* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Sale" }),
|
|
8729
|
+
/* @__PURE__ */ jsx(CompAssetStatVal, { children: "$16.07M" })
|
|
8730
|
+
] }),
|
|
8731
|
+
/* @__PURE__ */ jsxs(CompAssetMiniStat, { children: [
|
|
8732
|
+
/* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Land" }),
|
|
8733
|
+
/* @__PURE__ */ jsx(CompAssetStatVal, { children: "2,066 sqm" })
|
|
8734
|
+
] }),
|
|
8735
|
+
/* @__PURE__ */ jsxs(CompAssetMiniStat, { children: [
|
|
8736
|
+
/* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Growth" }),
|
|
8737
|
+
/* @__PURE__ */ jsx(CompAssetStatVal, { style: { color: "#4ade80" }, children: "+119%" })
|
|
8738
|
+
] })
|
|
8739
|
+
] })
|
|
8740
|
+
] }),
|
|
8741
|
+
/* @__PURE__ */ jsxs(CompAssetMini, { children: [
|
|
8742
|
+
/* @__PURE__ */ jsxs(CompAssetMiniTop, { children: [
|
|
8743
|
+
/* @__PURE__ */ jsx(CompAssetThumb, { children: /* @__PURE__ */ jsx("img", { src: "/bradleys.jpg", alt: "Bradleys Head", onError: (e) => {
|
|
8744
|
+
e.target.style.display = "none";
|
|
8745
|
+
} }) }),
|
|
8746
|
+
/* @__PURE__ */ jsxs(CompAssetInfo, { children: [
|
|
8747
|
+
/* @__PURE__ */ jsxs(CompAssetName, { children: [
|
|
8748
|
+
"Dobroyd ",
|
|
8749
|
+
/* @__PURE__ */ jsx(CompAssetBadge, { children: "HERITAGE" })
|
|
8750
|
+
] }),
|
|
8751
|
+
/* @__PURE__ */ jsx(CompAssetAddr, { children: "7 Bradleys Head Rd" })
|
|
8752
|
+
] })
|
|
8753
|
+
] }),
|
|
8754
|
+
/* @__PURE__ */ jsxs(CompAssetMiniBottom, { children: [
|
|
8755
|
+
/* @__PURE__ */ jsxs(CompAssetMiniStat, { children: [
|
|
8756
|
+
/* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Sale" }),
|
|
8757
|
+
/* @__PURE__ */ jsx(CompAssetStatVal, { children: "$27.96M" })
|
|
8758
|
+
] }),
|
|
8759
|
+
/* @__PURE__ */ jsxs(CompAssetMiniStat, { children: [
|
|
8760
|
+
/* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Land" }),
|
|
8761
|
+
/* @__PURE__ */ jsx(CompAssetStatVal, { children: "2,592 sqm" })
|
|
8762
|
+
] }),
|
|
8763
|
+
/* @__PURE__ */ jsxs(CompAssetMiniStat, { children: [
|
|
8764
|
+
/* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Growth" }),
|
|
8765
|
+
/* @__PURE__ */ jsx(CompAssetStatVal, { style: { color: "#4ade80" }, children: "+617%" })
|
|
8766
|
+
] })
|
|
8767
|
+
] })
|
|
8768
|
+
] })
|
|
8769
|
+
] })
|
|
8770
|
+
] })
|
|
8709
8771
|
] }),
|
|
8710
8772
|
/* @__PURE__ */ jsxs(StatsColumn, { children: [
|
|
8711
8773
|
/* @__PURE__ */ jsx(StatsColumnHeader, { children: "Asset Specification" }),
|
|
@@ -8831,129 +8893,35 @@ function PropertyOverview({
|
|
|
8831
8893
|
videoUrl,
|
|
8832
8894
|
tokenName,
|
|
8833
8895
|
onPhotoClick: onPhotosClick,
|
|
8834
|
-
hideGallery: true
|
|
8896
|
+
hideGallery: true,
|
|
8897
|
+
hideSuburb: true
|
|
8835
8898
|
}
|
|
8836
8899
|
) }),
|
|
8837
|
-
/* @__PURE__ */ jsxs(
|
|
8838
|
-
/* @__PURE__ */
|
|
8839
|
-
|
|
8840
|
-
|
|
8841
|
-
|
|
8842
|
-
e.target.style.display = "none";
|
|
8843
|
-
} }) }),
|
|
8844
|
-
/* @__PURE__ */ jsxs(CompAssetInfo, { children: [
|
|
8845
|
-
/* @__PURE__ */ jsxs(CompAssetName, { children: [
|
|
8846
|
-
"Boondabah ",
|
|
8847
|
-
/* @__PURE__ */ jsx(CompAssetBadge, { children: "HERITAGE" })
|
|
8848
|
-
] }),
|
|
8849
|
-
/* @__PURE__ */ jsx(CompAssetAddr, { children: "200A Raglan St, Mosman" })
|
|
8850
|
-
] }),
|
|
8851
|
-
/* @__PURE__ */ jsxs(CompAssetPriceCol, { children: [
|
|
8852
|
-
/* @__PURE__ */ jsx(CompAssetSalePrice, { children: "$16.07M" }),
|
|
8853
|
-
/* @__PURE__ */ jsx(CompAssetSaleDate, { children: "Mar 2022" })
|
|
8854
|
-
] })
|
|
8855
|
-
] }),
|
|
8856
|
-
/* @__PURE__ */ jsxs(CompAssetStatsRow, { children: [
|
|
8857
|
-
/* @__PURE__ */ jsxs(CompAssetStat, { children: [
|
|
8858
|
-
/* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Land" }),
|
|
8859
|
-
/* @__PURE__ */ jsx(CompAssetStatVal, { children: "2,066 sqm" })
|
|
8860
|
-
] }),
|
|
8861
|
-
/* @__PURE__ */ jsxs(CompAssetStat, { children: [
|
|
8862
|
-
/* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Era" }),
|
|
8863
|
-
/* @__PURE__ */ jsx(CompAssetStatVal, { children: "c.1905" })
|
|
8864
|
-
] }),
|
|
8865
|
-
/* @__PURE__ */ jsxs(CompAssetStat, { children: [
|
|
8866
|
-
/* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Growth" }),
|
|
8867
|
-
/* @__PURE__ */ jsx(CompAssetStatVal, { style: { color: "#4ade80" }, children: "+119%" })
|
|
8868
|
-
] })
|
|
8869
|
-
] }),
|
|
8870
|
-
/* @__PURE__ */ jsxs(CompAssetHoverDetail, { children: [
|
|
8871
|
-
/* @__PURE__ */ jsx(CompAssetHoverImg, { children: /* @__PURE__ */ jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
|
|
8872
|
-
e.target.src = "";
|
|
8873
|
-
} }) }),
|
|
8874
|
-
/* @__PURE__ */ jsxs(CompAssetHoverStats, { children: [
|
|
8875
|
-
/* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
|
|
8876
|
-
/* @__PURE__ */ jsx("span", { children: "Previous Sale" }),
|
|
8877
|
-
/* @__PURE__ */ jsx("span", { children: "$7.35M (Sep 2016)" })
|
|
8878
|
-
] }),
|
|
8879
|
-
/* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
|
|
8880
|
-
/* @__PURE__ */ jsx("span", { children: "Hold Period" }),
|
|
8881
|
-
/* @__PURE__ */ jsx("span", { children: "6 years" })
|
|
8882
|
-
] }),
|
|
8883
|
-
/* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
|
|
8884
|
-
/* @__PURE__ */ jsx("span", { children: "Annualised Return" }),
|
|
8885
|
-
/* @__PURE__ */ jsx("span", { style: { color: "#4ade80" }, children: "~13.8% p.a." })
|
|
8886
|
-
] }),
|
|
8887
|
-
/* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
|
|
8888
|
-
/* @__PURE__ */ jsx("span", { children: "Style" }),
|
|
8889
|
-
/* @__PURE__ */ jsx("span", { children: "Federation, Harbourfront" })
|
|
8890
|
-
] }),
|
|
8891
|
-
/* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
|
|
8892
|
-
/* @__PURE__ */ jsx("span", { children: "Similarity" }),
|
|
8893
|
-
/* @__PURE__ */ jsx("span", { children: "Same street, heritage estate" })
|
|
8894
|
-
] })
|
|
8895
|
-
] })
|
|
8896
|
-
] })
|
|
8900
|
+
/* @__PURE__ */ jsxs(SuburbPanel, { children: [
|
|
8901
|
+
/* @__PURE__ */ jsxs(SuburbPanelTitle, { children: [
|
|
8902
|
+
"Suburb Profile (",
|
|
8903
|
+
location.split(",")[0]?.trim() || location,
|
|
8904
|
+
")"
|
|
8897
8905
|
] }),
|
|
8898
|
-
/* @__PURE__ */ jsxs(
|
|
8899
|
-
/* @__PURE__ */ jsxs(
|
|
8900
|
-
/* @__PURE__ */ jsx(
|
|
8901
|
-
|
|
8902
|
-
} }) }),
|
|
8903
|
-
/* @__PURE__ */ jsxs(CompAssetInfo, { children: [
|
|
8904
|
-
/* @__PURE__ */ jsxs(CompAssetName, { children: [
|
|
8905
|
-
"Dobroyd ",
|
|
8906
|
-
/* @__PURE__ */ jsx(CompAssetBadge, { children: "HERITAGE" })
|
|
8907
|
-
] }),
|
|
8908
|
-
/* @__PURE__ */ jsx(CompAssetAddr, { children: "7 Bradleys Head Rd, Mosman" })
|
|
8909
|
-
] }),
|
|
8910
|
-
/* @__PURE__ */ jsxs(CompAssetPriceCol, { children: [
|
|
8911
|
-
/* @__PURE__ */ jsx(CompAssetSalePrice, { children: "$27.96M" }),
|
|
8912
|
-
/* @__PURE__ */ jsx(CompAssetSaleDate, { children: "Aug 2024" })
|
|
8913
|
-
] })
|
|
8906
|
+
/* @__PURE__ */ jsxs(SuburbPanelGrid, { children: [
|
|
8907
|
+
/* @__PURE__ */ jsxs(SuburbPanelStat, { children: [
|
|
8908
|
+
/* @__PURE__ */ jsx(SuburbPanelStatLabel, { children: "Median House Price" }),
|
|
8909
|
+
/* @__PURE__ */ jsx(SuburbPanelStatValue, { children: "$5.5M" })
|
|
8914
8910
|
] }),
|
|
8915
|
-
/* @__PURE__ */ jsxs(
|
|
8916
|
-
/* @__PURE__ */
|
|
8917
|
-
|
|
8918
|
-
/* @__PURE__ */ jsx(CompAssetStatVal, { children: "2,592 sqm" })
|
|
8919
|
-
] }),
|
|
8920
|
-
/* @__PURE__ */ jsxs(CompAssetStat, { children: [
|
|
8921
|
-
/* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Era" }),
|
|
8922
|
-
/* @__PURE__ */ jsx(CompAssetStatVal, { children: "c.1905" })
|
|
8923
|
-
] }),
|
|
8924
|
-
/* @__PURE__ */ jsxs(CompAssetStat, { children: [
|
|
8925
|
-
/* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Growth" }),
|
|
8926
|
-
/* @__PURE__ */ jsx(CompAssetStatVal, { style: { color: "#4ade80" }, children: "+617%" })
|
|
8927
|
-
] })
|
|
8911
|
+
/* @__PURE__ */ jsxs(SuburbPanelStat, { children: [
|
|
8912
|
+
/* @__PURE__ */ jsx(SuburbPanelStatLabel, { children: "5yr Growth" }),
|
|
8913
|
+
/* @__PURE__ */ jsx(SuburbPanelStatValue, { children: "+42%" })
|
|
8928
8914
|
] }),
|
|
8929
|
-
/* @__PURE__ */ jsxs(
|
|
8930
|
-
/* @__PURE__ */ jsx(
|
|
8931
|
-
|
|
8932
|
-
|
|
8933
|
-
|
|
8934
|
-
|
|
8935
|
-
|
|
8936
|
-
/* @__PURE__ */ jsx("span", { children: "$3.9M (2013)" })
|
|
8937
|
-
] }),
|
|
8938
|
-
/* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
|
|
8939
|
-
/* @__PURE__ */ jsx("span", { children: "Hold Period" }),
|
|
8940
|
-
/* @__PURE__ */ jsx("span", { children: "11 years" })
|
|
8941
|
-
] }),
|
|
8942
|
-
/* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
|
|
8943
|
-
/* @__PURE__ */ jsx("span", { children: "Annualised Return" }),
|
|
8944
|
-
/* @__PURE__ */ jsx("span", { style: { color: "#4ade80" }, children: "~19.5% p.a." })
|
|
8945
|
-
] }),
|
|
8946
|
-
/* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
|
|
8947
|
-
/* @__PURE__ */ jsx("span", { children: "Style" }),
|
|
8948
|
-
/* @__PURE__ */ jsx("span", { children: "Federation, Harbourfront" })
|
|
8949
|
-
] }),
|
|
8950
|
-
/* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
|
|
8951
|
-
/* @__PURE__ */ jsx("span", { children: "Similarity" }),
|
|
8952
|
-
/* @__PURE__ */ jsx("span", { children: "Heritage harbourside estate" })
|
|
8953
|
-
] })
|
|
8954
|
-
] })
|
|
8915
|
+
/* @__PURE__ */ jsxs(SuburbPanelStat, { children: [
|
|
8916
|
+
/* @__PURE__ */ jsx(SuburbPanelStatLabel, { children: "Suburb Rank" }),
|
|
8917
|
+
/* @__PURE__ */ jsx(SuburbPanelStatValue, { children: "Top 1%" })
|
|
8918
|
+
] }),
|
|
8919
|
+
/* @__PURE__ */ jsxs(SuburbPanelStat, { children: [
|
|
8920
|
+
/* @__PURE__ */ jsx(SuburbPanelStatLabel, { children: "Avg. Days on Market" }),
|
|
8921
|
+
/* @__PURE__ */ jsx(SuburbPanelStatValue, { children: "28" })
|
|
8955
8922
|
] })
|
|
8956
|
-
] })
|
|
8923
|
+
] }),
|
|
8924
|
+
/* @__PURE__ */ jsx(SuburbPanelDesc, { children: "One of Sydney's most prestigious harbourside suburbs, consistently ranked among Australia's highest-value residential markets. Strong capital growth driven by limited supply, heritage conservation overlays, and international buyer demand." })
|
|
8957
8925
|
] })
|
|
8958
8926
|
] }),
|
|
8959
8927
|
/* @__PURE__ */ jsxs(AssetBentoNarratives, { children: [
|
|
@@ -9264,6 +9232,54 @@ var MapCompLeft = styled9.div`
|
|
|
9264
9232
|
min-width: 0;
|
|
9265
9233
|
overflow: hidden;
|
|
9266
9234
|
`;
|
|
9235
|
+
var SuburbPanel = styled9.div`
|
|
9236
|
+
background: #111111;
|
|
9237
|
+
border: 1px solid rgba(255,255,255,0.1);
|
|
9238
|
+
border-radius: 12px;
|
|
9239
|
+
padding: 1.25rem;
|
|
9240
|
+
display: flex;
|
|
9241
|
+
flex-direction: column;
|
|
9242
|
+
gap: 0.75rem;
|
|
9243
|
+
`;
|
|
9244
|
+
var SuburbPanelTitle = styled9.div`
|
|
9245
|
+
font-size: 0.65rem;
|
|
9246
|
+
color: #D4AF37;
|
|
9247
|
+
text-transform: uppercase;
|
|
9248
|
+
letter-spacing: 0.12em;
|
|
9249
|
+
font-weight: 600;
|
|
9250
|
+
padding-bottom: 0.75rem;
|
|
9251
|
+
border-bottom: 1px solid rgba(255,255,255,0.06);
|
|
9252
|
+
`;
|
|
9253
|
+
var SuburbPanelGrid = styled9.div`
|
|
9254
|
+
display: grid;
|
|
9255
|
+
grid-template-columns: 1fr 1fr;
|
|
9256
|
+
gap: 0.5rem;
|
|
9257
|
+
`;
|
|
9258
|
+
var SuburbPanelStat = styled9.div`
|
|
9259
|
+
background: rgba(255,255,255,0.03);
|
|
9260
|
+
border-radius: 6px;
|
|
9261
|
+
padding: 0.5rem 0.65rem;
|
|
9262
|
+
border: 1px solid rgba(255,255,255,0.04);
|
|
9263
|
+
`;
|
|
9264
|
+
var SuburbPanelStatLabel = styled9.div`
|
|
9265
|
+
font-size: 0.6rem;
|
|
9266
|
+
color: rgba(255,255,255,0.4);
|
|
9267
|
+
text-transform: uppercase;
|
|
9268
|
+
letter-spacing: 0.06em;
|
|
9269
|
+
margin-bottom: 0.2rem;
|
|
9270
|
+
`;
|
|
9271
|
+
var SuburbPanelStatValue = styled9.div`
|
|
9272
|
+
font-size: 0.9rem;
|
|
9273
|
+
font-weight: 600;
|
|
9274
|
+
color: #fff;
|
|
9275
|
+
font-variant-numeric: tabular-nums;
|
|
9276
|
+
`;
|
|
9277
|
+
var SuburbPanelDesc = styled9.p`
|
|
9278
|
+
margin: 0;
|
|
9279
|
+
font-size: 0.75rem;
|
|
9280
|
+
color: rgba(255,255,255,0.45);
|
|
9281
|
+
line-height: 1.5;
|
|
9282
|
+
`;
|
|
9267
9283
|
var AssetBentoNarratives = styled9.div`
|
|
9268
9284
|
display: grid;
|
|
9269
9285
|
grid-template-columns: repeat(3, 1fr);
|
|
@@ -9711,34 +9727,53 @@ var TimelineHoldPeriod = styled9.span`
|
|
|
9711
9727
|
color: rgba(255,255,255,0.25);
|
|
9712
9728
|
font-weight: 400;
|
|
9713
9729
|
`;
|
|
9714
|
-
var
|
|
9715
|
-
|
|
9730
|
+
var CompAssetsPanel = styled9.div`
|
|
9731
|
+
background: #111111;
|
|
9732
|
+
border: 1px solid rgba(255,255,255,0.1);
|
|
9733
|
+
border-radius: 12px;
|
|
9734
|
+
padding: 1rem 1.25rem;
|
|
9735
|
+
display: flex;
|
|
9736
|
+
flex-direction: column;
|
|
9737
|
+
gap: 0.5rem;
|
|
9738
|
+
`;
|
|
9739
|
+
var CompAssetsGrid = styled9.div`
|
|
9740
|
+
display: grid;
|
|
9741
|
+
grid-template-columns: repeat(2, 1fr);
|
|
9742
|
+
gap: 0.5rem;
|
|
9743
|
+
`;
|
|
9744
|
+
var CompAssetMini = styled9.div`
|
|
9716
9745
|
background: rgba(255,255,255,0.02);
|
|
9717
9746
|
border: 1px solid rgba(255,255,255,0.06);
|
|
9718
|
-
border-radius:
|
|
9719
|
-
padding: 0.
|
|
9720
|
-
|
|
9721
|
-
|
|
9722
|
-
|
|
9723
|
-
|
|
9724
|
-
|
|
9725
|
-
background: rgba(255,255,255,0.03);
|
|
9726
|
-
}
|
|
9727
|
-
&:hover > div:last-child {
|
|
9728
|
-
max-height: 300px;
|
|
9729
|
-
opacity: 1;
|
|
9730
|
-
padding-top: 0.75rem;
|
|
9731
|
-
margin-top: 0.75rem;
|
|
9732
|
-
}
|
|
9747
|
+
border-radius: 8px;
|
|
9748
|
+
padding: 0.6rem;
|
|
9749
|
+
display: flex;
|
|
9750
|
+
flex-direction: column;
|
|
9751
|
+
gap: 0.4rem;
|
|
9752
|
+
transition: border-color 0.2s;
|
|
9753
|
+
&:hover { border-color: rgba(212,175,55,0.3); }
|
|
9733
9754
|
`;
|
|
9734
|
-
var
|
|
9755
|
+
var CompAssetMiniTop = styled9.div`
|
|
9735
9756
|
display: flex;
|
|
9736
9757
|
align-items: center;
|
|
9737
|
-
gap: 0.
|
|
9758
|
+
gap: 0.5rem;
|
|
9759
|
+
`;
|
|
9760
|
+
var CompAssetMiniBottom = styled9.div`
|
|
9761
|
+
display: flex;
|
|
9762
|
+
gap: 0;
|
|
9763
|
+
border-top: 1px solid rgba(255,255,255,0.04);
|
|
9764
|
+
padding-top: 0.35rem;
|
|
9765
|
+
`;
|
|
9766
|
+
var CompAssetMiniStat = styled9.div`
|
|
9767
|
+
flex: 1;
|
|
9768
|
+
display: flex;
|
|
9769
|
+
flex-direction: column;
|
|
9770
|
+
align-items: center;
|
|
9771
|
+
gap: 1px;
|
|
9772
|
+
&:not(:last-child) { border-right: 1px solid rgba(255,255,255,0.04); }
|
|
9738
9773
|
`;
|
|
9739
9774
|
var CompAssetThumb = styled9.div`
|
|
9740
|
-
width:
|
|
9741
|
-
height:
|
|
9775
|
+
width: 36px;
|
|
9776
|
+
height: 36px;
|
|
9742
9777
|
border-radius: 8px;
|
|
9743
9778
|
overflow: hidden;
|
|
9744
9779
|
flex-shrink: 0;
|
|
@@ -9754,12 +9789,12 @@ var CompAssetInfo = styled9.div`
|
|
|
9754
9789
|
min-width: 0;
|
|
9755
9790
|
`;
|
|
9756
9791
|
var CompAssetName = styled9.div`
|
|
9757
|
-
font-size: 0.
|
|
9792
|
+
font-size: 0.78rem;
|
|
9758
9793
|
font-weight: 600;
|
|
9759
9794
|
color: #fff;
|
|
9760
9795
|
display: flex;
|
|
9761
9796
|
align-items: center;
|
|
9762
|
-
gap: 0.
|
|
9797
|
+
gap: 0.35rem;
|
|
9763
9798
|
`;
|
|
9764
9799
|
var CompAssetBadge = styled9.span`
|
|
9765
9800
|
font-size: 0.58rem;
|
|
@@ -9774,39 +9809,12 @@ var CompAssetBadge = styled9.span`
|
|
|
9774
9809
|
white-space: nowrap;
|
|
9775
9810
|
`;
|
|
9776
9811
|
var CompAssetAddr = styled9.div`
|
|
9777
|
-
font-size: 0.
|
|
9812
|
+
font-size: 0.65rem;
|
|
9778
9813
|
color: rgba(255,255,255,0.4);
|
|
9779
|
-
margin-top: 2px;
|
|
9780
|
-
`;
|
|
9781
|
-
var CompAssetPriceCol = styled9.div`
|
|
9782
|
-
text-align: right;
|
|
9783
|
-
flex-shrink: 0;
|
|
9784
|
-
`;
|
|
9785
|
-
var CompAssetSalePrice = styled9.div`
|
|
9786
|
-
font-size: 0.92rem;
|
|
9787
|
-
font-weight: 600;
|
|
9788
|
-
color: #fff;
|
|
9789
|
-
font-variant-numeric: tabular-nums;
|
|
9790
|
-
`;
|
|
9791
|
-
var CompAssetSaleDate = styled9.div`
|
|
9792
|
-
font-size: 0.68rem;
|
|
9793
|
-
color: rgba(255,255,255,0.3);
|
|
9794
9814
|
margin-top: 1px;
|
|
9795
|
-
|
|
9796
|
-
|
|
9797
|
-
|
|
9798
|
-
gap: 0;
|
|
9799
|
-
margin-top: 0.65rem;
|
|
9800
|
-
border-top: 1px solid rgba(255,255,255,0.04);
|
|
9801
|
-
padding-top: 0.55rem;
|
|
9802
|
-
`;
|
|
9803
|
-
var CompAssetStat = styled9.div`
|
|
9804
|
-
flex: 1;
|
|
9805
|
-
display: flex;
|
|
9806
|
-
flex-direction: column;
|
|
9807
|
-
align-items: center;
|
|
9808
|
-
gap: 2px;
|
|
9809
|
-
&:not(:last-child) { border-right: 1px solid rgba(255,255,255,0.04); }
|
|
9815
|
+
white-space: nowrap;
|
|
9816
|
+
overflow: hidden;
|
|
9817
|
+
text-overflow: ellipsis;
|
|
9810
9818
|
`;
|
|
9811
9819
|
var CompAssetStatLabel = styled9.span`
|
|
9812
9820
|
font-size: 0.6rem;
|
|
@@ -9815,56 +9823,11 @@ var CompAssetStatLabel = styled9.span`
|
|
|
9815
9823
|
letter-spacing: 0.06em;
|
|
9816
9824
|
`;
|
|
9817
9825
|
var CompAssetStatVal = styled9.span`
|
|
9818
|
-
font-size: 0.
|
|
9826
|
+
font-size: 0.72rem;
|
|
9819
9827
|
font-weight: 500;
|
|
9820
9828
|
color: #fff;
|
|
9821
9829
|
font-variant-numeric: tabular-nums;
|
|
9822
9830
|
`;
|
|
9823
|
-
var CompAssetHoverDetail = styled9.div`
|
|
9824
|
-
max-height: 0;
|
|
9825
|
-
opacity: 0;
|
|
9826
|
-
overflow: hidden;
|
|
9827
|
-
transition: max-height 0.3s ease, opacity 0.25s ease, padding-top 0.3s ease, margin-top 0.3s ease;
|
|
9828
|
-
border-top: 1px solid rgba(255,255,255,0.06);
|
|
9829
|
-
padding-top: 0;
|
|
9830
|
-
margin-top: 0;
|
|
9831
|
-
`;
|
|
9832
|
-
var CompAssetHoverImg = styled9.div`
|
|
9833
|
-
width: 100%;
|
|
9834
|
-
height: 120px;
|
|
9835
|
-
border-radius: 8px;
|
|
9836
|
-
overflow: hidden;
|
|
9837
|
-
margin-bottom: 0.65rem;
|
|
9838
|
-
background: rgba(255,255,255,0.03);
|
|
9839
|
-
img {
|
|
9840
|
-
width: 100%;
|
|
9841
|
-
height: 100%;
|
|
9842
|
-
object-fit: cover;
|
|
9843
|
-
}
|
|
9844
|
-
`;
|
|
9845
|
-
var CompAssetHoverStats = styled9.div`
|
|
9846
|
-
display: flex;
|
|
9847
|
-
flex-direction: column;
|
|
9848
|
-
gap: 0;
|
|
9849
|
-
`;
|
|
9850
|
-
var CompAssetHoverRow = styled9.div`
|
|
9851
|
-
display: flex;
|
|
9852
|
-
justify-content: space-between;
|
|
9853
|
-
align-items: center;
|
|
9854
|
-
padding: 0.35rem 0;
|
|
9855
|
-
border-bottom: 1px solid rgba(255,255,255,0.03);
|
|
9856
|
-
&:last-child { border-bottom: none; }
|
|
9857
|
-
span:first-child {
|
|
9858
|
-
font-size: 0.75rem;
|
|
9859
|
-
color: rgba(255,255,255,0.4);
|
|
9860
|
-
}
|
|
9861
|
-
span:last-child {
|
|
9862
|
-
font-size: 0.8rem;
|
|
9863
|
-
font-weight: 500;
|
|
9864
|
-
color: #fff;
|
|
9865
|
-
font-variant-numeric: tabular-nums;
|
|
9866
|
-
}
|
|
9867
|
-
`;
|
|
9868
9831
|
styled9.div`
|
|
9869
9832
|
font-size: 0.65rem;
|
|
9870
9833
|
color: rgba(255,255,255,0.35);
|