@ape.swap/bonds-sdk 1.1.0-seedify → 1.1.0-test.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.
Files changed (158) hide show
  1. package/dist/assets/output-2LTDuc8n.css +174 -0
  2. package/dist/components/AccordionText/index.d.ts +0 -1
  3. package/dist/components/{BondMenu/BondMenu.d.ts → BondFilters/BondFilters.d.ts} +2 -3
  4. package/dist/components/ConnectButton/RainbowKitButton.d.ts +3 -0
  5. package/dist/components/ConnectButton/index.d.ts +3 -0
  6. package/dist/components/FavIcons/AddFavToken.d.ts +6 -0
  7. package/dist/components/FavIcons/FavFilter.d.ts +6 -0
  8. package/dist/components/PlaceholderMonkey/index.d.ts +5 -0
  9. package/dist/components/ProgressBar/ProgressBar.d.ts +0 -1
  10. package/dist/components/SafeHTMLComponent/index.d.ts +5 -0
  11. package/dist/components/Toast/index.d.ts +7 -0
  12. package/dist/components/Toast/styles.d.ts +3 -0
  13. package/dist/components/TokenInfoAndName/index.d.ts +4 -3
  14. package/dist/components/TokenSelectorModal/index.d.ts +1 -0
  15. package/dist/components/TokenSelectorPanel/index.d.ts +4 -3
  16. package/dist/components/Tooltip/ButtonsRow.d.ts +2 -2
  17. package/dist/components/Tooltip/Tooltip.d.ts +3 -10
  18. package/dist/components/uikit-sdk/Input/index.d.ts +0 -1
  19. package/dist/components/uikit-sdk/LoadingDots/index.d.ts +2 -0
  20. package/dist/components/uikit-sdk/Svg/Icons/FirePink.d.ts +4 -0
  21. package/dist/components/uikit-sdk/Svg/Icons/Star.d.ts +4 -0
  22. package/dist/components/uikit-sdk/Svg/Icons/StarFilled.d.ts +4 -0
  23. package/dist/components/uikit-sdk/Svg/Icons/index.d.ts +3 -0
  24. package/dist/components/uikit-sdk/Svg/types.d.ts +4 -1
  25. package/dist/components/uikit-sdk/SwiperDots/index.d.ts +6 -0
  26. package/dist/components/uikit-sdk/Tag/index.d.ts +0 -2
  27. package/dist/components/uikit-sdk/Tag/types.d.ts +1 -46
  28. package/dist/components/uikit-sdk/index.d.ts +3 -1
  29. package/dist/config/constants/addresses.d.ts +1 -3
  30. package/dist/config/constants/chains.d.ts +2 -30
  31. package/dist/config/constants/networks.d.ts +2 -2
  32. package/dist/config/constants/queryKeys.d.ts +8 -4
  33. package/dist/config/constants/variables.d.ts +5 -0
  34. package/dist/contexts/Popups.d.ts +5 -0
  35. package/dist/contexts/SwiperProvider.d.ts +12 -0
  36. package/dist/hooks/useDebounce.d.ts +1 -0
  37. package/dist/hooks/useMonitorTxHash.d.ts +25 -0
  38. package/dist/hooks/useSendReferenceId.d.ts +2 -0
  39. package/dist/hooks/useSwiper.d.ts +2 -0
  40. package/dist/main.d.ts +2 -3
  41. package/dist/main.js +67184 -50466
  42. package/dist/state/bondApiStats/useGetBondApiStats.d.ts +25 -0
  43. package/dist/state/bonds/useBondNFTData.d.ts +1 -1
  44. package/dist/state/bonds/useBondsData.d.ts +1 -1
  45. package/dist/state/bonds/useBondsList.d.ts +1 -1
  46. package/dist/state/bonds/useGetBondRecommendations.d.ts +27 -0
  47. package/dist/state/bonds/useHotBonds.d.ts +5 -2
  48. package/dist/state/bonds/useUserApiStats.d.ts +22 -0
  49. package/dist/state/favoriteTokens/useFavoriteTokens.d.ts +4 -0
  50. package/dist/state/popups/usePopups.d.ts +14 -0
  51. package/dist/state/tokenPrices/useTokenPrices.d.ts +2 -1
  52. package/dist/state/useSDKConfig.d.ts +16 -0
  53. package/dist/state/zap/getChainParam.d.ts +1 -1
  54. package/dist/state/zap/useSoulZapBondQuote.d.ts +1 -1
  55. package/dist/state/zap/useSoulZapTokenQuote.d.ts +1 -1
  56. package/dist/styles.css +1660 -0
  57. package/dist/types/bonds.d.ts +1 -2
  58. package/dist/utils/dates/formatDate.d.ts +1 -0
  59. package/dist/utils/displayHelpers.d.ts +11 -0
  60. package/dist/utils/formatNumbers.d.ts +0 -3
  61. package/dist/utils/getDotPos.d.ts +1 -0
  62. package/dist/utils/getNativeTicker.d.ts +1 -2
  63. package/dist/utils/index.d.ts +0 -15
  64. package/dist/views/BondModal/BondModal.d.ts +1 -3
  65. package/dist/views/BondModal/components/BondCards.d.ts +6 -0
  66. package/dist/views/BondModal/components/BondModalHeader.d.ts +8 -0
  67. package/dist/views/BondModal/components/Estimations.d.ts +14 -0
  68. package/dist/views/BondModal/components/ExpandedViewButton.d.ts +6 -0
  69. package/dist/views/BondModal/components/ProjectDescription.d.ts +5 -0
  70. package/dist/views/BondModal/index.d.ts +4 -1
  71. package/dist/views/Bonds/Bonds.d.ts +0 -2
  72. package/dist/views/Bonds/components/BondRows/BondRow.d.ts +9 -0
  73. package/dist/views/Bonds/components/BondRows/BondRowsByChain.d.ts +10 -0
  74. package/dist/views/Bonds/components/BondRows/BondRowsWithTitle.d.ts +11 -0
  75. package/dist/views/Bonds/components/BondRows/ModalHandler.d.ts +7 -0
  76. package/dist/{components/BondRows/BondRowHeader.d.ts → views/Bonds/components/BondsMenu/BondsMenu.d.ts} +2 -4
  77. package/dist/views/Bonds/components/BuyAgainRow/index.d.ts +3 -0
  78. package/dist/views/Bonds/components/HotBondCards/HotBondCard.d.ts +6 -0
  79. package/dist/views/Bonds/components/HotBondCards/index.d.ts +4 -0
  80. package/dist/views/Bonds/components/HotBondCards/styles.d.ts +2 -0
  81. package/dist/views/Bonds/components/RecommendationCards/SmallRecommendationCard.d.ts +13 -0
  82. package/dist/views/Bonds/components/RecommendationCards/index.d.ts +11 -0
  83. package/dist/views/Bonds/components/RecommendationCards/styles.d.ts +2 -0
  84. package/dist/views/Bonds/index.d.ts +4 -1
  85. package/dist/views/Bonds/utils.d.ts +5 -2
  86. package/dist/views/FullBondsView/index.d.ts +2 -1
  87. package/dist/views/ProjectView/ProjectView.d.ts +14 -0
  88. package/dist/views/ProjectView/components/BondLeaderboard/components/SalesTable.d.ts +6 -0
  89. package/dist/views/ProjectView/components/BondLeaderboard/components/TopSaleCard.d.ts +7 -0
  90. package/dist/views/ProjectView/components/BondLeaderboard/components/TopThreeSalesCards.d.ts +6 -0
  91. package/dist/views/ProjectView/components/BondLeaderboard/components/styles.d.ts +2 -0
  92. package/dist/views/ProjectView/components/BondLeaderboard/index.d.ts +6 -0
  93. package/dist/views/ProjectView/components/BondStats/index.d.ts +6 -0
  94. package/dist/views/ProjectView/components/BondStats/styles.d.ts +2 -0
  95. package/dist/views/ProjectView/components/BondStats/types.d.ts +43 -0
  96. package/dist/views/ProjectView/components/BondStats/utils.d.ts +1 -0
  97. package/dist/views/ProjectView/components/NavPanel/index.d.ts +5 -0
  98. package/dist/views/ProjectView/components/PriceChart/components/CandleStickChart.d.ts +9 -0
  99. package/dist/views/ProjectView/components/PriceChart/components/LineChart.d.ts +9 -0
  100. package/dist/views/ProjectView/components/PriceChart/components/utils.d.ts +1 -0
  101. package/dist/views/ProjectView/components/PriceChart/index.d.ts +8 -0
  102. package/dist/views/ProjectView/components/PriceChart/styles.d.ts +2 -0
  103. package/dist/views/ProjectView/components/ProjectInfo/index.d.ts +6 -0
  104. package/dist/views/ProjectView/components/ProjectInfo/styles.d.ts +2 -0
  105. package/dist/views/ProjectView/components/RecommendationCards/index.d.ts +3 -0
  106. package/dist/views/ProjectView/index.d.ts +7 -0
  107. package/dist/views/ProjectView/styles.d.ts +2 -0
  108. package/dist/views/YourBonds/YourBonds.d.ts +1 -2
  109. package/dist/views/YourBonds/components/YourBondsMenu/YourBondsMenu.d.ts +13 -0
  110. package/dist/views/YourBonds/fetchBillsUser.d.ts +0 -12
  111. package/dist/views/YourBonds/getBillNftData.d.ts +2 -2
  112. package/dist/views/YourBonds/index.d.ts +2 -1
  113. package/dist/views/YourBondsModal/YourBondsModal.d.ts +0 -2
  114. package/dist/views/YourBondsModal/components/Recommendations/CardRecommendation.d.ts +7 -0
  115. package/dist/views/YourBondsModal/components/Recommendations/CardRecommendationsMobile.d.ts +6 -0
  116. package/dist/views/YourBondsModal/components/Recommendations/Recommendations.d.ts +6 -0
  117. package/dist/views/YourBondsModal/components/TransferBondModal/TransferAction.d.ts +8 -0
  118. package/dist/views/YourBondsModal/components/TransferBondModal/index.d.ts +8 -0
  119. package/dist/views/ZapModal/index.d.ts +0 -1
  120. package/package.json +22 -35
  121. package/dist/components/BondRows/BondRow.d.ts +0 -10
  122. package/dist/components/BondRows/BondRowsByChain.d.ts +0 -9
  123. package/dist/components/BondRows/BondRowsWithTitle.d.ts +0 -9
  124. package/dist/components/DisconnectedPlaceholder/index.d.ts +0 -3
  125. package/dist/components/uikit-sdk/Input/StyledInput.d.ts +0 -11
  126. package/dist/components/uikit-sdk/Tag/Tag.d.ts +0 -4
  127. package/dist/components/uikit-sdk/Tag/styles.d.ts +0 -8
  128. package/dist/config/constants/api.d.ts +0 -6
  129. package/dist/config/constants/lifiRouting.d.ts +0 -2
  130. package/dist/config/constants/lists.d.ts +0 -10
  131. package/dist/config/constants/meta.d.ts +0 -11
  132. package/dist/config/constants/misc.d.ts +0 -3
  133. package/dist/config/constants/products.d.ts +0 -21
  134. package/dist/config/constants/tutorials.d.ts +0 -7
  135. package/dist/config/localization/languages.d.ts +0 -11
  136. package/dist/contexts/Localization/Provider.d.ts +0 -7
  137. package/dist/contexts/Localization/helpers.d.ts +0 -3
  138. package/dist/contexts/Localization/index.d.ts +0 -3
  139. package/dist/contexts/Localization/types.d.ts +0 -21
  140. package/dist/contexts/Localization/useTranslation.d.ts +0 -2
  141. package/dist/scss/AccordionText.scss +0 -11
  142. package/dist/scss/BondMenu.scss +0 -29
  143. package/dist/scss/BondModal.scss +0 -480
  144. package/dist/scss/BondRow.scss +0 -98
  145. package/dist/scss/BondRowHeader.scss +0 -124
  146. package/dist/scss/BondRowsByChain.scss +0 -5
  147. package/dist/scss/BondRowsWithTitle.scss +0 -4
  148. package/dist/scss/Bonds.scss +0 -18
  149. package/dist/scss/ProgressBar.scss +0 -13
  150. package/dist/scss/TokenInfoName.scss +0 -60
  151. package/dist/scss/YourBonds.scss +0 -203
  152. package/dist/scss/YourBondsModal.scss +0 -314
  153. package/dist/scss/index.scss +0 -12
  154. package/dist/views/BondModal/helper.d.ts +0 -10
  155. package/dist/views/YourBondsModal/styles.d.ts +0 -2
  156. /package/dist/hooks/{useTopThreeTags.d.ts → useTopTags.d.ts} +0 -0
  157. /package/dist/{components/BondMenu → state/chainFilterOption}/useChainFilterOption.d.ts +0 -0
  158. /package/dist/{components → views/Bonds/components}/BondRows/ChainTitle.d.ts +0 -0
@@ -1,480 +0,0 @@
1
- .modal-backdrop {
2
- position: fixed;
3
- top: 0;
4
- left: 0;
5
- width: 100%;
6
- height: 100%;
7
- background-color: rgba(66, 66, 66, 0.5);
8
- display: flex;
9
- justify-content: center;
10
- align-items: center;
11
- z-index: 100;
12
- }
13
-
14
- .modal {
15
- width: fit-content !important;
16
- }
17
-
18
- .modal-content {
19
- display: flex;
20
- flex-direction: column;
21
- border-radius: 10px;
22
- background-color: var(--theme-ui-colors-white2);
23
- border-radius: 10px;
24
- z-index: 1001;
25
- width: 100%;
26
- max-width: 700px;
27
- min-width: 700px;
28
- }
29
-
30
- .gpt {
31
- max-width: 1100px;
32
- }
33
-
34
- .modaltable-container {
35
- width: 100%;
36
- display: flex;
37
- flex-direction: column;
38
- position: relative;
39
- }
40
-
41
- .slippage-cog {
42
- position: absolute;
43
- top: 3px;
44
- right: -3px;
45
- cursor: pointer;
46
- }
47
-
48
- .modaltable-container.title-container {
49
- font-weight: bold;
50
- font-size: 1.5rem;
51
- display: flex;
52
- flex-direction: row;
53
- align-items: center;
54
- padding-top: 5px;
55
- padding-bottom: 5px;
56
- }
57
-
58
- .title-container.bondicon {
59
- display: flex;
60
- flex-direction: row;
61
- align-items: center;
62
- }
63
-
64
- .icon-container {
65
- position: relative;
66
- display: inline-block;
67
- }
68
-
69
- .icon-container svg {
70
- position: absolute;
71
- top: -8px;
72
- right: -5px;
73
- z-index: 1;
74
- }
75
-
76
- .icon-container img {
77
- display: block;
78
- }
79
-
80
- .icon-container-small {
81
- position: relative;
82
- display: inline-block;
83
- }
84
-
85
- .icon-container-small svg {
86
- position: absolute;
87
- top: -5px;
88
- right: -4px;
89
- z-index: 1;
90
- }
91
-
92
- .icon-container-small img {
93
- display: block;
94
- }
95
-
96
- .title-container.bondname {
97
- display: flex;
98
- flex-direction: row;
99
- align-items: center;
100
- padding-left: 10px;
101
- }
102
-
103
- .title-container.bondname-small {
104
- display: flex;
105
- flex-direction: row;
106
- align-items: center;
107
- padding-left: 10px;
108
- }
109
-
110
- .title-container.price-container {
111
- display: flex;
112
- flex-direction: column;
113
- padding-left: 10px;
114
- }
115
-
116
-
117
- .price-container.price {
118
- font-size: 14px;
119
- color: var(--theme-ui-colors-gray);
120
- text-decoration: line-through;
121
- }
122
-
123
- .price-container.discounted {
124
- display: flex;
125
- }
126
-
127
- .title-container.tokentags {
128
- display: flex;
129
- align-items: center;
130
- padding-left: 10px;
131
- }
132
-
133
- .modaltable-container.description-container {
134
- display: flex;
135
- align-items: flex-start;
136
- padding-top: 10px;
137
- padding-bottom: 10px;
138
- font-weight: normal;
139
- }
140
-
141
- .modaltable-container.blocks-container {
142
- display: flex;
143
- flex-direction: row;
144
- align-items: center;
145
- width: 100%;
146
- justify-content: space-around;
147
- margin-top: 5px;
148
- }
149
-
150
- .modal-block {
151
- min-width: 0px;
152
- display: flex;
153
- flex-direction: column;
154
- align-items: center;
155
- background: var(--theme-ui-colors-white3);
156
- font-weight: 900;
157
- font-size: 16px;
158
- border-radius: 10px;
159
- height: 90%;
160
- padding: 10px;
161
- }
162
-
163
- .block-header {
164
- color: white;
165
- font-weight: bold;
166
- font-size: 12px;
167
- padding-bottom: 10px;
168
- }
169
-
170
- .header-icon {
171
- padding-left: 5px;
172
- align-items: flex-start;
173
- cursor: pointer;
174
- }
175
-
176
- .block-content {
177
- align-items: center;
178
- padding-bottom: 10px;
179
- }
180
-
181
- .modal-block.block-discount {
182
- margin: 0px 10px 0px 0px;
183
- width: 350px;
184
- }
185
-
186
- .discount-positive {
187
- color: #38A611;
188
- }
189
-
190
- .discount-negative {
191
- color: #DF4141;
192
- }
193
-
194
- .modal-block.block-arr {
195
- margin: 0px 10px 0px 0px;
196
- width: 350px;
197
- }
198
-
199
- .modal-block.block-term {
200
- margin: 0px 10px 0px 0px;
201
- width: 350px;
202
- }
203
-
204
- .modal-block.block-maxbuy {
205
- width: 350px;
206
- }
207
-
208
- .modaltable-container.text-container {
209
- display: flex;
210
- flex-direction: column;
211
- justify-content: center;
212
- font-size: 12px;
213
- }
214
-
215
- .text-container.row {
216
- padding-top: 2px;
217
- padding-bottom: 2px;
218
- display: flex;
219
- flex-direction: row;
220
- justify-content: space-between;
221
- }
222
-
223
- .row-container {
224
- display: flex;
225
- }
226
-
227
- .row-container.spend {
228
- display: flex;
229
- }
230
-
231
- .row-container.spend-val {
232
- display: flex;
233
- }
234
-
235
- .row-container.premium {
236
- display: flex;
237
- }
238
-
239
- .row-container.premium-icon {
240
- padding-left: 5px;
241
- align-items: flex-start;
242
- cursor: pointer;
243
- }
244
-
245
- .row-container.premium-val {
246
- display: flex;
247
- }
248
-
249
- .premium-positive {
250
- color: #38A611;
251
- }
252
-
253
- .premium-negative {
254
- color: #DF4141;
255
- }
256
-
257
- .row-container.get {
258
- display: flex;
259
- }
260
-
261
- .row-container.get-val {
262
- display: flex;
263
- }
264
-
265
- .modaltable-container.buy-container {
266
- display: flex;
267
- flex-direction: column;
268
- background: var(--theme-ui-colors-white3);
269
- border-radius: 10px;
270
- min-height: 100px;
271
- padding: 10px;
272
- }
273
-
274
- .input-container.inputrow {
275
- flex-direction: row;
276
- }
277
-
278
- .input-container.balancerow {
279
- flex-direction: row;
280
- align-items: center;
281
- justify-content: space-between;
282
- }
283
-
284
- .balancerow.text {
285
- opacity: 0.8;
286
- align-items: center;
287
- font-size: 12px;
288
- }
289
-
290
- .balancerow.max {
291
- align-items: center;
292
- cursor: pointer;
293
-
294
- .max-button {
295
- background: var(--theme-ui-colors-primaryButton);
296
- height: 22px;
297
- padding-left: 8px;
298
- padding-right: 8px;
299
- cursor: 'pointer';
300
- font-size: 12px;
301
- font-weight: 600;
302
- border-radius: small;
303
- margin-left: 10px;
304
- transition: 'all .3s linear';
305
- display: flex;
306
- align-items: center;
307
- justify-content: center;
308
-
309
- &:active {
310
- transform: scale(0.9);
311
- }
312
- }
313
- }
314
-
315
- .input-container.input {
316
- background-color: transparent;
317
- border-radius: 10px;
318
- border: medium;
319
- padding-right: 10px;
320
- width: 80%;
321
- height: 50px;
322
- font-size: 22px;
323
-
324
- Input {
325
- border: none;
326
- display: inline-block;
327
-
328
- &:focus {
329
- outline: none;
330
- }
331
- }
332
- }
333
-
334
- .input-container.token {
335
- display: flex;
336
- align-items: center;
337
- font-size: 12px;
338
- font-weight: bold;
339
- background: var(--theme-ui-colors-white4);
340
- border-radius: 10px;
341
- position: relative;
342
- width: 190px;
343
- height: 40px;
344
- justify-content: space-between;
345
- }
346
-
347
- .modaltable-container.button-container {
348
- width: 100%;
349
- padding-top: 10px;
350
- display: flex;
351
- flex-direction: row;
352
- justify-content: space-between;
353
- }
354
-
355
- .button-container.get {
356
- justify-content: center;
357
- align-items: center;
358
- cursor: pointer;
359
-
360
- .action-button {
361
- width: 275px;
362
- margin-right: 10px;
363
- }
364
- }
365
-
366
- .button-container.buy {
367
- justify-content: center;
368
- align-items: center;
369
- cursor: pointer;
370
-
371
- .action-button {
372
- width: 375px;
373
- margin-left: 10px;
374
- }
375
-
376
- .switch-button {
377
- width: 375px;
378
- margin-left: 10px;
379
- }
380
- }
381
-
382
- .modaltable-container.accordion-container {
383
- display: flex;
384
- width: 100%;
385
- padding-top: 10px;
386
- }
387
-
388
- .toast {
389
- position: fixed;
390
- top: 50px;
391
- right: 20px;
392
- background-color: var(--theme-ui-colors-white2);
393
- color: white;
394
- font-size: 24px;
395
- padding: 10px 20px;
396
- border-radius: 5px;
397
- height: 75px;
398
- align-items: center;
399
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
400
- z-index: 9999;
401
- animation: fadein 0.5s, fadeout 0.5s 4.5s;
402
- cursor: pointer;
403
- }
404
-
405
- @keyframes fadein {
406
- from {
407
- top: 0;
408
- opacity: 0;
409
- }
410
- to {
411
- top: 50px;
412
- opacity: 1;
413
- }
414
- }
415
-
416
- @keyframes fadeout {
417
- from {
418
- top: 50px;
419
- opacity: 1;
420
- }
421
- to {
422
- top: 0;
423
- opacity: 0;
424
- }
425
- }
426
-
427
- .button-container.zap {
428
- width: 100%;
429
- }
430
-
431
- .switch-button.zap {
432
- width: 100%;
433
- }
434
-
435
- .font-small {
436
- font-size: 14px;
437
- }
438
-
439
- .font-x-small {
440
- font-size: 12px;
441
- }
442
-
443
- .text-highlight {
444
- color: #38A611;
445
- }
446
-
447
- .paragraph-spaced {
448
- line-height: 150%;
449
- }
450
-
451
- .button-narrow {
452
- width: 190px !important;
453
- }
454
-
455
- .fading-hr {
456
- border: none;
457
- height: 1px; /* Adjust thickness */
458
- background: linear-gradient(to right, transparent, white, transparent); /* White fades to transparent */
459
- width: 100%; /* Full width */
460
- margin: 20px 0; /* Adjust margin for spacing */
461
- }
462
-
463
- span.flex-inline {
464
- display: contents;
465
- }
466
-
467
- .footer-details {
468
- margin-left: -10px !important;
469
- margin-right: -10px !important;
470
- margin-bottom: -10px !important;
471
- margin-top: 20px !important;
472
- height: 50px;
473
- align-items: center;
474
- border-top: 1px solid #FFFFFF;
475
- }
476
-
477
- .expand-icon {
478
- height: 20px;
479
- fill: #38A611;;
480
- }
@@ -1,98 +0,0 @@
1
- .bonds-container.bondrow-container {
2
- display: flex;
3
- flex-direction: row;
4
- width: 100%;
5
- height: 70px;
6
- justify-content: space-around;
7
- background-color: var(--theme-ui-colors-white2);
8
- margin-bottom: 5px;
9
- border-radius: 10px;
10
- cursor: pointer;
11
-
12
- &:hover {
13
- background-color: var(--theme-ui-colors-white3);
14
- }
15
- }
16
-
17
- .column.column-tokens {
18
- display: flex;
19
- align-items: center;
20
- justify-content: flex-start;
21
- width: 40%;
22
- }
23
-
24
- .column.column-tokeninfoname {
25
- width: 100%;
26
- height: 100%;
27
- flex-direction: row;
28
- justify-content: flex-start;
29
- align-items: center;
30
- padding-left: 20px;
31
- }
32
-
33
- .column.column-tokenname {
34
- width: 100%;
35
- flex-direction: row;
36
- justify-content: flex-start;
37
- align-items: center;
38
- padding-left: 20px;
39
- }
40
-
41
- .column.column-tokenicons {
42
- width: 20%;
43
- flex-direction: row;
44
- align-items: center;
45
- justify-content: flex-start;
46
- }
47
-
48
- .column.column-bondinfo {
49
- flex-direction: row;
50
- align-items: center;
51
- justify-content: flex-end;
52
- width: 70%;
53
- }
54
-
55
- .column.column-discount {
56
- flex-direction: row;
57
- justify-content: center;
58
- align-items: center;
59
- width: 20%;
60
- }
61
-
62
- .discount-positive {
63
- color: #38A611;
64
- width: 20%;
65
- }
66
-
67
- .discount-negative {
68
- color: #DF4141;
69
- width: 20%;
70
- }
71
-
72
- .column.column-arr {
73
- flex-direction: row;
74
- justify-content: center;
75
- align-items: center;
76
- width: 20%;
77
- }
78
-
79
- .column.column-terms {
80
- flex-direction: row;
81
- justify-content: center;
82
- align-items: center;
83
- width: 20%;
84
- }
85
-
86
- .column.column-tokensremaining {
87
- flex-direction: row;
88
- justify-content: center;
89
- align-items: center;
90
- width: 30%;
91
- }
92
-
93
- .column.column-hotbond {
94
- flex-direction: row;
95
- justify-content: center;
96
- align-items: center;
97
- width: 10%;
98
- }
@@ -1,124 +0,0 @@
1
- .bondrow-header {
2
- display: flex;
3
- justify-content: space-around;
4
- align-items: center;
5
- flex-direction: column;
6
- width: 100%;
7
- font-size: 11px;
8
- }
9
-
10
- .bondrow-header.filters {
11
- display: flex;
12
- flex-direction: row;
13
- align-items: center;
14
- justify-content: flex-end;
15
- padding-bottom: 5px;
16
- width: 100%;
17
- }
18
-
19
- .bondrow-header.rows {
20
- display: flex;
21
- flex-direction: row;
22
- align-items: center;
23
- width: 100%;
24
- }
25
-
26
- .column.column-tokens {
27
- display: flex;
28
- align-items: center;
29
- justify-content: flex-start;
30
- width: 40%;
31
- }
32
-
33
- .column.column-search {
34
- padding-bottom: 15px;
35
- }
36
-
37
- .column.column-tokeninfoname {
38
- width: 100%;
39
- height: 100%;
40
- flex-direction: row;
41
- justify-content: flex-start;
42
- align-items: center;
43
- padding-left: 20px;
44
- }
45
-
46
- .column.column-tokenname {
47
- width: 100%;
48
- flex-direction: row;
49
- justify-content: flex-start;
50
- align-items: center;
51
- padding-left: 20px;
52
- }
53
-
54
- .column.column-tokenicons {
55
- width: 20%;
56
- flex-direction: row;
57
- align-items: center;
58
- justify-content: flex-start;
59
- }
60
-
61
- .column.column-bondinfo {
62
- flex-direction: row;
63
- align-items: center;
64
- justify-content: flex-end;
65
- width: 70%;
66
- }
67
-
68
- .column.column-discount {
69
- flex-direction: row;
70
- justify-content: center;
71
- align-items: center;
72
- width: 20%;
73
- }
74
-
75
- .discount-positive {
76
- color: #38A611;
77
- width: 20%;
78
- }
79
-
80
- .discount-negative {
81
- color: #DF4141;
82
- width: 20%;
83
- }
84
-
85
- .column.column-arr {
86
- flex-direction: row;
87
- justify-content: center;
88
- align-items: center;
89
- width: 20%;
90
- }
91
-
92
- .column.column-terms {
93
- flex-direction: row;
94
- justify-content: center;
95
- align-items: center;
96
- width: 20%;
97
- }
98
-
99
- .column.column-tokensremaining {
100
- flex-direction: row;
101
- justify-content: center;
102
- align-items: center;
103
- width: 30%;
104
- }
105
-
106
- .column.column-hotbond {
107
- flex-direction: row;
108
- justify-content: center;
109
- align-items: center;
110
- width: 10%;
111
- }
112
-
113
- .column.tooltip {
114
- flex-direction: row;
115
- align-items: center;
116
- justify-content: space-around;
117
- }
118
-
119
- .column.header-icon {
120
- padding-left: 5px;
121
- align-items: flex-start;
122
- justify-content: space-around;
123
- cursor: pointer;
124
- }
@@ -1,5 +0,0 @@
1
- .bondrowsbychain {
2
- width: 100%;
3
- flex-direction: column;
4
- margin-top: 5px;
5
- }
@@ -1,4 +0,0 @@
1
- .bondrowswithtitle {
2
- width: 100%;
3
- flex-direction: column;
4
- }
@@ -1,18 +0,0 @@
1
-
2
- .bonds-container.table-container {
3
- width: 100%;
4
- display: flex;
5
- flex-direction: column;
6
- padding-top: 50px;
7
- padding-left: 100px;
8
- padding-right: 100px;
9
- padding-bottom: 50px;
10
- }
11
-
12
- .bonds-spinner {
13
- width: 100%;
14
- display: flex;
15
- justify-content: center;
16
- align-items: center;
17
- height: 50vh;
18
- }