mirror of
https://github.com/oceanprotocol/market.git
synced 2024-12-02 05:57:29 +01:00
table display tweaks
This commit is contained in:
parent
8eb1023447
commit
2ec825d255
25
package-lock.json
generated
25
package-lock.json
generated
@ -3867,34 +3867,15 @@
|
||||
}
|
||||
},
|
||||
"@oceanprotocol/react": {
|
||||
"version": "0.3.14",
|
||||
"resolved": "https://registry.npmjs.org/@oceanprotocol/react/-/react-0.3.14.tgz",
|
||||
"integrity": "sha512-KezQQHfm745+h3VDEnhBJ4wQErpf0dR+en6l73cxAe7G6koSHQh4SbKI+avq5SlGwEcBP5HEi5SXZcNVKueMvQ==",
|
||||
"version": "0.3.15",
|
||||
"resolved": "https://registry.npmjs.org/@oceanprotocol/react/-/react-0.3.15.tgz",
|
||||
"integrity": "sha512-tQxHkNeYvioJQqmvBb0QtcUzAEB3YigKf4aWIFF6te05f+oXFeuiLG7PaQFZ1+p4NgRukQyPpG4YkFPBSxOViA==",
|
||||
"requires": {
|
||||
"@oceanprotocol/lib": "^0.9.8",
|
||||
"axios": "^0.21.0",
|
||||
"decimal.js": "^10.2.1",
|
||||
"web3": "^1.3.0",
|
||||
"web3modal": "^1.9.1"
|
||||
},
|
||||
"dependencies": {
|
||||
"@oceanprotocol/lib": {
|
||||
"version": "0.9.8",
|
||||
"resolved": "https://registry.npmjs.org/@oceanprotocol/lib/-/lib-0.9.8.tgz",
|
||||
"integrity": "sha512-jV7lobTXskqqmv23Vl3iQ4SZk+0FVFxLSVkXniOKOOFP0pJ0vllSNnM+wHkG4inF3HWHHyeh8AyFNTSxOUuirA==",
|
||||
"requires": {
|
||||
"@ethereum-navigator/navigator": "^0.5.0",
|
||||
"@oceanprotocol/contracts": "^0.5.7",
|
||||
"decimal.js": "^10.2.0",
|
||||
"fs": "0.0.1-security",
|
||||
"lzma": "^2.3.2",
|
||||
"node-fetch": "^2.6.1",
|
||||
"save-file": "^2.3.1",
|
||||
"uuid": "^8.3.0",
|
||||
"web3": "^1.3.0",
|
||||
"web3-eth-contract": "^1.3.0"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"@oceanprotocol/typographies": {
|
||||
|
@ -6,6 +6,27 @@
|
||||
font-weight: var(--font-weight-bold);
|
||||
}
|
||||
|
||||
.table + div [class*='rdt_Pagination'] {
|
||||
font-size: var(--font-size-small);
|
||||
color: var(--brand-grey-light);
|
||||
}
|
||||
|
||||
.table + div [class*='rdt_Pagination'] svg {
|
||||
fill: var(--brand-grey-light);
|
||||
}
|
||||
|
||||
.table + div [class*='rdt_Pagination'] [disabled] svg {
|
||||
fill: var(--brand-grey-lighter);
|
||||
}
|
||||
|
||||
.table + div [class*='rdt_Pagination'] button:hover:not(:disabled) {
|
||||
background: none;
|
||||
}
|
||||
|
||||
.table + div [class*='rdt_Pagination'] button:hover:not(:disabled) svg {
|
||||
fill: var(--brand-pink);
|
||||
}
|
||||
|
||||
.empty {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
|
@ -27,6 +27,7 @@ export default function Table({
|
||||
noHeader
|
||||
pagination={data?.length >= 9}
|
||||
paginationPerPage={10}
|
||||
paginationComponentOptions={{ noRowsPerPage: true }}
|
||||
noDataComponent={<Empty message={emptyMessage} />}
|
||||
progressPending={isLoading}
|
||||
progressComponent={<Loader />}
|
||||
|
@ -45,7 +45,7 @@ const columns = [
|
||||
{
|
||||
name: 'Price',
|
||||
selector: function getAssetRow(row: DDO) {
|
||||
return <Price ddo={row} small conversion />
|
||||
return <Price ddo={row} small />
|
||||
},
|
||||
right: true
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user