mirror of
https://github.com/oceanprotocol/market.git
synced 2024-12-02 05:57:29 +01:00
18f2c99e78
* Wip start compute job * Wip select algorithm design * Asset selection form component, for start compute job (#442) * prototype AssetSelection * assetselection styling * typing "fix" * put back file info icon * AssetSelection styling in context * update start job method, fixed algo select, and fixed option typing * compute logic update * add has previous orders for algo asset * fixed search algorithm assets in start compute form * fixed lint errors * updated previous order for algo logic and compute flow * update use price hook and added buy DT for algo * display only alg of type exchange and sort by value * display only trusted algo for asset if field is set * added logic for allow all published algorithms or no algorithms allowed * asset selection style & spacing tweaks * refactor get algorithms for compute and edit compute * fixed form options and more refactoring * new ButtonBuy component * shared component between consume/compute * dealing with various states: loading, previous orders, help text output * effect dependencies * move error output into toast * formik data flow refactor * ditch custom field change handler * fix initialValues * typed form data & validation * fixes multiple form validation issues along the way * isInitialValid → validateOnMount * metadata display tweaks * error feedback tweaks * oler assets checks, confeti on succes job, market fee on order, removed algo compute logic * more startJob logging * feedback & messaging changes * metadata display * return all algos, fixed & dynamic priced ones * fix DOM nesting * messaging updates * copy tweaks * check algorithm previous history for both acces and compute sercive types * handle start compute error * extra checks on start compute response * styling tweaks, fix toast UI errors * AssetSelection: empty screen, tweak min/max height * fix FRE issues on start compute * check is ordarable before start compute job * logging tweaks * disable eslint no-unused-vars rule for some Apollo code blocks * fix metadata editing for compute assets * consider dataset timeout for compute too Co-authored-by: Matthias Kretschmann <m@kretschmann.io>
87 lines
1.6 KiB
CSS
87 lines
1.6 KiB
CSS
.details {
|
|
padding: calc(var(--spacer) / 4);
|
|
padding-right: calc(var(--spacer) / 2);
|
|
min-width: 17rem;
|
|
}
|
|
|
|
@media (min-width: 40rem) {
|
|
.details {
|
|
padding: calc(var(--spacer) / 2);
|
|
margin-right: calc(var(--spacer) / 3);
|
|
min-width: 20rem;
|
|
}
|
|
}
|
|
|
|
.details > section[class*='feedback'] {
|
|
margin-top: calc(var(--spacer) / 2);
|
|
}
|
|
|
|
.balance {
|
|
font-size: var(--font-size-base);
|
|
font-weight: var(--font-weight-bold);
|
|
color: var(--color-secondary);
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.symbol {
|
|
width: 22%;
|
|
text-align: right;
|
|
font-weight: var(--font-weight-base);
|
|
font-size: var(--font-size-small);
|
|
display: inline-block;
|
|
margin-right: 0.4rem;
|
|
}
|
|
|
|
.actions {
|
|
border-top: 1px solid var(--border-color);
|
|
margin-top: calc(var(--spacer) / 2);
|
|
padding-top: calc(var(--spacer) / 2);
|
|
font-size: var(--font-size-small);
|
|
color: var(--color-secondary);
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.actions span {
|
|
display: block;
|
|
}
|
|
|
|
.actions p {
|
|
margin: 0;
|
|
}
|
|
|
|
.actions button,
|
|
.actions button:hover {
|
|
display: block;
|
|
font-size: var(--font-size-mini);
|
|
margin-top: calc(var(--spacer) / 3);
|
|
text-align: left;
|
|
}
|
|
|
|
.actions button:first-child {
|
|
margin-top: calc(var(--spacer) / 8);
|
|
}
|
|
|
|
.walletLogo {
|
|
width: 20px;
|
|
height: 20px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin-right: calc(var(--spacer) / 8);
|
|
margin-top: -0.2rem;
|
|
}
|
|
|
|
.actions select {
|
|
margin-top: calc(var(--spacer) / 4);
|
|
min-width: 6rem;
|
|
}
|
|
|
|
.walletInfo {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.walletInfo button {
|
|
margin-top: calc(var(--spacer) / 5) !important;
|
|
}
|