@loafmarkets/ui 0.1.106 → 0.1.108
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 +41 -42
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +41 -42
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -9865,72 +9865,68 @@ var Separator = styled25.span`
|
|
|
9865
9865
|
`;
|
|
9866
9866
|
var IPODropdown = styled25.div`
|
|
9867
9867
|
position: absolute;
|
|
9868
|
-
top: calc(100% +
|
|
9868
|
+
top: calc(100% + 6px);
|
|
9869
9869
|
left: 0;
|
|
9870
|
-
|
|
9871
|
-
background: #
|
|
9872
|
-
border-radius:
|
|
9873
|
-
box-shadow: 0
|
|
9870
|
+
width: 320px;
|
|
9871
|
+
background: #0d0d0f;
|
|
9872
|
+
border-radius: 10px;
|
|
9873
|
+
box-shadow: 0 12px 32px rgba(0,0,0,0.7), 0 0 0 1px rgba(255,255,255,0.06);
|
|
9874
9874
|
z-index: 1000;
|
|
9875
|
-
max-height:
|
|
9875
|
+
max-height: 320px;
|
|
9876
9876
|
overflow-y: auto;
|
|
9877
|
-
|
|
9877
|
+
padding: 4px;
|
|
9878
|
+
|
|
9879
|
+
scrollbar-width: thin;
|
|
9880
|
+
scrollbar-color: rgba(255,255,255,0.12) transparent;
|
|
9881
|
+
&::-webkit-scrollbar { width: 4px; }
|
|
9882
|
+
&::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.12); border-radius: 2px; }
|
|
9878
9883
|
|
|
9879
9884
|
@media (max-width: 480px) {
|
|
9880
|
-
|
|
9881
|
-
|
|
9885
|
+
width: 280px;
|
|
9886
|
+
max-height: 260px;
|
|
9887
|
+
border-radius: 8px;
|
|
9882
9888
|
}
|
|
9883
|
-
animation: slideDown 0.
|
|
9889
|
+
animation: slideDown 0.2s cubic-bezier(0.16,1,0.3,1);
|
|
9884
9890
|
@keyframes slideDown {
|
|
9885
|
-
from { opacity: 0; transform: translateY(-
|
|
9891
|
+
from { opacity: 0; transform: translateY(-6px); }
|
|
9886
9892
|
to { opacity: 1; transform: translateY(0); }
|
|
9887
9893
|
}
|
|
9888
9894
|
`;
|
|
9889
9895
|
var IPOOption = styled25.div`
|
|
9890
|
-
padding:
|
|
9891
|
-
transition:
|
|
9892
|
-
border-
|
|
9896
|
+
padding: 0.6rem 0.75rem;
|
|
9897
|
+
transition: background 0.15s ease;
|
|
9898
|
+
border-radius: 7px;
|
|
9893
9899
|
position: relative;
|
|
9894
|
-
&:
|
|
9895
|
-
|
|
9896
|
-
content: '';
|
|
9897
|
-
position: absolute;
|
|
9898
|
-
left: 0;
|
|
9899
|
-
top: 0;
|
|
9900
|
-
bottom: 0;
|
|
9901
|
-
width: 3px;
|
|
9902
|
-
background: ${(p) => p.$selected ? "var(--color-accent)" : "transparent"};
|
|
9903
|
-
transition: all 0.2s ease;
|
|
9904
|
-
}
|
|
9905
|
-
&:hover { background: linear-gradient(90deg, rgba(255,255,255,0.06) 0%, transparent 100%); }
|
|
9906
|
-
${(p) => p.$selected && `background: linear-gradient(90deg, rgba(56,97,251,0.15) 0%, transparent 100%);`}
|
|
9900
|
+
&:hover { background: rgba(255,255,255,0.06); }
|
|
9901
|
+
${(p) => p.$selected && `background: rgba(255,255,255,0.04);`}
|
|
9907
9902
|
`;
|
|
9908
9903
|
var IPOOptionInner = styled25.div`
|
|
9909
9904
|
display: flex;
|
|
9910
9905
|
align-items: center;
|
|
9911
|
-
gap:
|
|
9906
|
+
gap: 0.65rem;
|
|
9912
9907
|
`;
|
|
9913
9908
|
var IPOOptionThumb = styled25.img`
|
|
9914
|
-
width:
|
|
9915
|
-
height:
|
|
9916
|
-
border-radius:
|
|
9909
|
+
width: 28px;
|
|
9910
|
+
height: 28px;
|
|
9911
|
+
border-radius: 5px;
|
|
9917
9912
|
object-fit: cover;
|
|
9918
9913
|
flex-shrink: 0;
|
|
9919
|
-
border: 1px solid rgba(255, 255, 255, 0.08);
|
|
9920
9914
|
`;
|
|
9921
9915
|
var IPOOptionName = styled25.div`
|
|
9922
|
-
font-weight:
|
|
9923
|
-
font-size:
|
|
9924
|
-
color: #
|
|
9925
|
-
|
|
9916
|
+
font-weight: 500;
|
|
9917
|
+
font-size: 0.82rem;
|
|
9918
|
+
color: ${(p) => "#ebebeb"};
|
|
9919
|
+
line-height: 1.3;
|
|
9926
9920
|
`;
|
|
9927
9921
|
var IPOOptionLocation = styled25.div`
|
|
9928
|
-
font-size: 0.
|
|
9929
|
-
color: rgba(255,255,255,0.
|
|
9922
|
+
font-size: 0.72rem;
|
|
9923
|
+
color: rgba(255,255,255,0.38);
|
|
9924
|
+
margin-top: 1px;
|
|
9930
9925
|
span {
|
|
9931
|
-
margin-left: 0.
|
|
9932
|
-
color: var(--color-accent);
|
|
9933
|
-
font-size: 0.
|
|
9926
|
+
margin-left: 0.4rem;
|
|
9927
|
+
color: var(--color-accent, #E6C87E);
|
|
9928
|
+
font-size: 0.68rem;
|
|
9929
|
+
font-weight: 500;
|
|
9934
9930
|
}
|
|
9935
9931
|
`;
|
|
9936
9932
|
var formatCurrency3 = (amount) => {
|
|
@@ -12538,9 +12534,12 @@ var CloseBtn2 = styled25.button`
|
|
|
12538
12534
|
font-size: 0.62rem;
|
|
12539
12535
|
font-weight: 600;
|
|
12540
12536
|
color: #E6C87E;
|
|
12541
|
-
cursor: pointer;
|
|
12537
|
+
cursor: pointer !important;
|
|
12542
12538
|
white-space: nowrap;
|
|
12543
12539
|
transition: all 0.15s ease;
|
|
12540
|
+
position: relative;
|
|
12541
|
+
z-index: 2;
|
|
12542
|
+
pointer-events: auto;
|
|
12544
12543
|
|
|
12545
12544
|
&:hover {
|
|
12546
12545
|
background: rgba(230, 200, 126, 0.1);
|