mirror of
https://github.com/oceanprotocol/market.git
synced 2024-12-02 05:57:29 +01:00
Merge branch 'master' into hooks
This commit is contained in:
mihaisc
GitHub
commit
20be794f6d
96
package-lock.json
generated
96
package-lock.json
generated
@ -3007,6 +3007,11 @@
|
||||
"integrity": "sha512-shAmDyaQC4H92APFoIaVDHCx5bStIocgvbwQyxPRrbUY20V1EYTbSDchWbuwlMG3V17cprZhA6+78JfB+3DTPw==",
|
||||
"dev": true
|
||||
},
|
||||
"@oceanprotocol/art": {
|
||||
"version": "2.2.0",
|
||||
"resolved": "https://registry.npmjs.org/@oceanprotocol/art/-/art-2.2.0.tgz",
|
||||
"integrity": "sha512-p2n505t2K0zD1ZvGPhI6EsSviEVLCB7BYowhf/ONmVaWED138PaG4Z9nY6YuHU383uOoIWT+Lq3dLkFzDzstXw=="
|
||||
},
|
||||
"@oceanprotocol/keeper-contracts": {
|
||||
"version": "0.13.2",
|
||||
"resolved": "https://registry.npmjs.org/@oceanprotocol/keeper-contracts/-/keeper-contracts-0.13.2.tgz",
|
||||
@ -3465,6 +3470,11 @@
|
||||
"whatwg-url": "^8.0.0"
|
||||
}
|
||||
},
|
||||
"@oceanprotocol/typographies": {
|
||||
"version": "0.1.0",
|
||||
"resolved": "https://registry.npmjs.org/@oceanprotocol/typographies/-/typographies-0.1.0.tgz",
|
||||
"integrity": "sha512-kMsZsqvzpz9KzVbVZzllwhPoIC3zbqsdRrClagZL/C2PHzgLrKGC1kYn3gPt0RMIFg9ZjrwieKaxlgIK9i9zzg=="
|
||||
},
|
||||
"@reach/router": {
|
||||
"version": "1.3.3",
|
||||
"resolved": "https://registry.npmjs.org/@reach/router/-/router-1.3.3.tgz",
|
||||
@ -4749,7 +4759,7 @@
|
||||
"resolved": "https://registry.npmjs.org/web3/-/web3-0.20.7.tgz",
|
||||
"integrity": "sha512-VU6/DSUX93d1fCzBz7WP/SGCQizO1rKZi4Px9j/3yRyfssHyFcZamMw2/sj4E8TlfMXONvZLoforR8B4bRoyTQ==",
|
||||
"requires": {
|
||||
"bignumber.js": "git+https://github.com/frozeman/bignumber.js-nolookahead.git",
|
||||
"bignumber.js": "git+https://github.com/frozeman/bignumber.js-nolookahead.git#57692b3ecfc98bbdd6b3a516cb2353652ea49934",
|
||||
"crypto-js": "^3.1.4",
|
||||
"utf8": "^2.1.1",
|
||||
"xhr2-cookies": "^1.1.0",
|
||||
@ -8313,8 +8323,7 @@
|
||||
},
|
||||
"ansi-regex": {
|
||||
"version": "2.1.1",
|
||||
"bundled": true,
|
||||
"optional": true
|
||||
"bundled": true
|
||||
},
|
||||
"aproba": {
|
||||
"version": "1.2.0",
|
||||
@ -8332,13 +8341,11 @@
|
||||
},
|
||||
"balanced-match": {
|
||||
"version": "1.0.0",
|
||||
"bundled": true,
|
||||
"optional": true
|
||||
"bundled": true
|
||||
},
|
||||
"brace-expansion": {
|
||||
"version": "1.1.11",
|
||||
"bundled": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"balanced-match": "^1.0.0",
|
||||
"concat-map": "0.0.1"
|
||||
@ -8351,18 +8358,15 @@
|
||||
},
|
||||
"code-point-at": {
|
||||
"version": "1.1.0",
|
||||
"bundled": true,
|
||||
"optional": true
|
||||
"bundled": true
|
||||
},
|
||||
"concat-map": {
|
||||
"version": "0.0.1",
|
||||
"bundled": true,
|
||||
"optional": true
|
||||
"bundled": true
|
||||
},
|
||||
"console-control-strings": {
|
||||
"version": "1.1.0",
|
||||
"bundled": true,
|
||||
"optional": true
|
||||
"bundled": true
|
||||
},
|
||||
"core-util-is": {
|
||||
"version": "1.0.2",
|
||||
@ -8465,8 +8469,7 @@
|
||||
},
|
||||
"inherits": {
|
||||
"version": "2.0.4",
|
||||
"bundled": true,
|
||||
"optional": true
|
||||
"bundled": true
|
||||
},
|
||||
"ini": {
|
||||
"version": "1.3.5",
|
||||
@ -8476,7 +8479,6 @@
|
||||
"is-fullwidth-code-point": {
|
||||
"version": "1.0.0",
|
||||
"bundled": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"number-is-nan": "^1.0.0"
|
||||
}
|
||||
@ -8489,20 +8491,17 @@
|
||||
"minimatch": {
|
||||
"version": "3.0.4",
|
||||
"bundled": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"brace-expansion": "^1.1.7"
|
||||
}
|
||||
},
|
||||
"minimist": {
|
||||
"version": "0.0.8",
|
||||
"bundled": true,
|
||||
"optional": true
|
||||
"bundled": true
|
||||
},
|
||||
"minipass": {
|
||||
"version": "2.9.0",
|
||||
"bundled": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"safe-buffer": "^5.1.2",
|
||||
"yallist": "^3.0.0"
|
||||
@ -8519,7 +8518,6 @@
|
||||
"mkdirp": {
|
||||
"version": "0.5.1",
|
||||
"bundled": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"minimist": "0.0.8"
|
||||
}
|
||||
@ -8600,8 +8598,7 @@
|
||||
},
|
||||
"number-is-nan": {
|
||||
"version": "1.0.1",
|
||||
"bundled": true,
|
||||
"optional": true
|
||||
"bundled": true
|
||||
},
|
||||
"object-assign": {
|
||||
"version": "4.1.1",
|
||||
@ -8611,7 +8608,6 @@
|
||||
"once": {
|
||||
"version": "1.4.0",
|
||||
"bundled": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"wrappy": "1"
|
||||
}
|
||||
@ -8687,8 +8683,7 @@
|
||||
},
|
||||
"safe-buffer": {
|
||||
"version": "5.1.2",
|
||||
"bundled": true,
|
||||
"optional": true
|
||||
"bundled": true
|
||||
},
|
||||
"safer-buffer": {
|
||||
"version": "2.1.2",
|
||||
@ -8718,7 +8713,6 @@
|
||||
"string-width": {
|
||||
"version": "1.0.2",
|
||||
"bundled": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"code-point-at": "^1.0.0",
|
||||
"is-fullwidth-code-point": "^1.0.0",
|
||||
@ -8736,7 +8730,6 @@
|
||||
"strip-ansi": {
|
||||
"version": "3.0.1",
|
||||
"bundled": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"ansi-regex": "^2.0.0"
|
||||
}
|
||||
@ -8775,13 +8768,11 @@
|
||||
},
|
||||
"wrappy": {
|
||||
"version": "1.0.2",
|
||||
"bundled": true,
|
||||
"optional": true
|
||||
"bundled": true
|
||||
},
|
||||
"yallist": {
|
||||
"version": "3.1.1",
|
||||
"bundled": true,
|
||||
"optional": true
|
||||
"bundled": true
|
||||
}
|
||||
}
|
||||
},
|
||||
@ -11390,7 +11381,7 @@
|
||||
"resolved": "https://registry.npmjs.org/eth-sig-util/-/eth-sig-util-1.4.2.tgz",
|
||||
"integrity": "sha1-jZWCAsftuq6Dlwf7pvCf8ydgYhA=",
|
||||
"requires": {
|
||||
"ethereumjs-abi": "git+https://github.com/ethereumjs/ethereumjs-abi.git",
|
||||
"ethereumjs-abi": "git+https://github.com/ethereumjs/ethereumjs-abi.git#1cfbb13862f90f0b391d8a699544d5fe4dfb8c7b",
|
||||
"ethereumjs-util": "^5.1.1"
|
||||
},
|
||||
"dependencies": {
|
||||
@ -15551,8 +15542,7 @@
|
||||
"ansi-regex": {
|
||||
"version": "2.1.1",
|
||||
"bundled": true,
|
||||
"dev": true,
|
||||
"optional": true
|
||||
"dev": true
|
||||
},
|
||||
"aproba": {
|
||||
"version": "1.2.0",
|
||||
@ -15573,14 +15563,12 @@
|
||||
"balanced-match": {
|
||||
"version": "1.0.0",
|
||||
"bundled": true,
|
||||
"dev": true,
|
||||
"optional": true
|
||||
"dev": true
|
||||
},
|
||||
"brace-expansion": {
|
||||
"version": "1.1.11",
|
||||
"bundled": true,
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"balanced-match": "^1.0.0",
|
||||
"concat-map": "0.0.1"
|
||||
@ -15595,20 +15583,17 @@
|
||||
"code-point-at": {
|
||||
"version": "1.1.0",
|
||||
"bundled": true,
|
||||
"dev": true,
|
||||
"optional": true
|
||||
"dev": true
|
||||
},
|
||||
"concat-map": {
|
||||
"version": "0.0.1",
|
||||
"bundled": true,
|
||||
"dev": true,
|
||||
"optional": true
|
||||
"dev": true
|
||||
},
|
||||
"console-control-strings": {
|
||||
"version": "1.1.0",
|
||||
"bundled": true,
|
||||
"dev": true,
|
||||
"optional": true
|
||||
"dev": true
|
||||
},
|
||||
"core-util-is": {
|
||||
"version": "1.0.2",
|
||||
@ -15725,8 +15710,7 @@
|
||||
"inherits": {
|
||||
"version": "2.0.4",
|
||||
"bundled": true,
|
||||
"dev": true,
|
||||
"optional": true
|
||||
"dev": true
|
||||
},
|
||||
"ini": {
|
||||
"version": "1.3.5",
|
||||
@ -15738,7 +15722,6 @@
|
||||
"version": "1.0.0",
|
||||
"bundled": true,
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"number-is-nan": "^1.0.0"
|
||||
}
|
||||
@ -15753,7 +15736,6 @@
|
||||
"version": "3.0.4",
|
||||
"bundled": true,
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"brace-expansion": "^1.1.7"
|
||||
}
|
||||
@ -15761,14 +15743,12 @@
|
||||
"minimist": {
|
||||
"version": "0.0.8",
|
||||
"bundled": true,
|
||||
"dev": true,
|
||||
"optional": true
|
||||
"dev": true
|
||||
},
|
||||
"minipass": {
|
||||
"version": "2.9.0",
|
||||
"bundled": true,
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"safe-buffer": "^5.1.2",
|
||||
"yallist": "^3.0.0"
|
||||
@ -15787,7 +15767,6 @@
|
||||
"version": "0.5.1",
|
||||
"bundled": true,
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"minimist": "0.0.8"
|
||||
}
|
||||
@ -15877,8 +15856,7 @@
|
||||
"number-is-nan": {
|
||||
"version": "1.0.1",
|
||||
"bundled": true,
|
||||
"dev": true,
|
||||
"optional": true
|
||||
"dev": true
|
||||
},
|
||||
"object-assign": {
|
||||
"version": "4.1.1",
|
||||
@ -15890,7 +15868,6 @@
|
||||
"version": "1.4.0",
|
||||
"bundled": true,
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"wrappy": "1"
|
||||
}
|
||||
@ -15976,8 +15953,7 @@
|
||||
"safe-buffer": {
|
||||
"version": "5.1.2",
|
||||
"bundled": true,
|
||||
"dev": true,
|
||||
"optional": true
|
||||
"dev": true
|
||||
},
|
||||
"safer-buffer": {
|
||||
"version": "2.1.2",
|
||||
@ -16013,7 +15989,6 @@
|
||||
"version": "1.0.2",
|
||||
"bundled": true,
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"code-point-at": "^1.0.0",
|
||||
"is-fullwidth-code-point": "^1.0.0",
|
||||
@ -16033,7 +16008,6 @@
|
||||
"version": "3.0.1",
|
||||
"bundled": true,
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"ansi-regex": "^2.0.0"
|
||||
}
|
||||
@ -16077,14 +16051,12 @@
|
||||
"wrappy": {
|
||||
"version": "1.0.2",
|
||||
"bundled": true,
|
||||
"dev": true,
|
||||
"optional": true
|
||||
"dev": true
|
||||
},
|
||||
"yallist": {
|
||||
"version": "3.1.1",
|
||||
"bundled": true,
|
||||
"dev": true,
|
||||
"optional": true
|
||||
"dev": true
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
@ -19,7 +19,9 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@oceanprotocol/react": "0.0.3",
|
||||
"@oceanprotocol/art": "^2.2.0",
|
||||
"@oceanprotocol/squid": "2.0.0-beta.4",
|
||||
"@oceanprotocol/typographies": "^0.1.0",
|
||||
"axios": "^0.19.2",
|
||||
"date-fns": "^2.11.0",
|
||||
"dotenv": "^8.2.0",
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
module.exports = {
|
||||
title: 'Logistics Data Marketplace',
|
||||
description: `Easily buy and sell logistics data from around the world.`,
|
||||
title: 'Data Marketplace',
|
||||
description: `A marketplace to find and publish open data sets in the Ocean Network.`,
|
||||
url: 'https://dexfreight.oceanprotocol.com',
|
||||
copyright:
|
||||
'All Rights Reserved. Powered by [dexFreight](https://dexfreight.io) & [Ocean Protocol](https://oceanprotocol.com)',
|
||||
'All Rights Reserved. Powered by [Ocean Protocol](https://oceanprotocol.com)',
|
||||
refundPolicy: [
|
||||
'Data can be challenged within 2 days after purchase.',
|
||||
'The marketplace decides if you are eligible for refund.'
|
||||
|
||||
@ -10,7 +10,7 @@
|
||||
|
||||
.alert,
|
||||
.title {
|
||||
color: var(--color-white);
|
||||
color: var(--brand-white);
|
||||
}
|
||||
|
||||
.title {
|
||||
@ -25,21 +25,21 @@
|
||||
|
||||
/* States */
|
||||
.error {
|
||||
border-color: var(--color-danger);
|
||||
color: var(--color-danger);
|
||||
border-color: var(--red);
|
||||
color: var(--red);
|
||||
}
|
||||
|
||||
.success {
|
||||
border-color: var(--color-success);
|
||||
color: var(--color-success);
|
||||
border-color: var(--green);
|
||||
color: var(--green);
|
||||
}
|
||||
|
||||
.info {
|
||||
border-color: var(--color-info);
|
||||
color: var(--color-info);
|
||||
border-color: var(--yellow);
|
||||
color: var(--yellow);
|
||||
}
|
||||
|
||||
.warning {
|
||||
border-color: var(--color-warning);
|
||||
color: var(--color-warning);
|
||||
border-color: var(--orange);
|
||||
color: var(--orange);
|
||||
}
|
||||
|
||||
@ -1,15 +1,14 @@
|
||||
.box {
|
||||
background: var(--color-white);
|
||||
background: var(--brand-white);
|
||||
padding: var(--spacer);
|
||||
border-radius: var(--border-radius);
|
||||
border: 1px solid var(--color-grey-light);
|
||||
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
|
||||
border: 1px solid var(--brand-grey-light);
|
||||
}
|
||||
|
||||
a.box:hover,
|
||||
a.box:focus {
|
||||
outline: 0;
|
||||
border-color: var(--color-grey);
|
||||
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
|
||||
transform: translate3d(0, -2px, 0);
|
||||
border-color: var(--brand-pink);
|
||||
/* box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); */
|
||||
/* transform: translate3d(0, -2px, 0); */
|
||||
}
|
||||
|
||||
@ -1,33 +1,47 @@
|
||||
.button {
|
||||
border: 2px solid var(--color-secondary);
|
||||
border: 0;
|
||||
cursor: pointer;
|
||||
outline: 0;
|
||||
margin: 0;
|
||||
display: inline-block;
|
||||
width: fit-content;
|
||||
padding: calc(var(--spacer) / 5) var(--spacer);
|
||||
padding: calc(var(--spacer) / 3) var(--spacer);
|
||||
font-size: var(--font-size-base);
|
||||
font-family: var(--font-family-base);
|
||||
font-weight: var(--font-weight-bold);
|
||||
text-transform: uppercase;
|
||||
border-radius: var(--border-radius);
|
||||
transition: 0.2s ease-out;
|
||||
color: var(--color-white);
|
||||
background: var(--color-secondary);
|
||||
color: var(--brand-white);
|
||||
background: var(--brand-grey-light);
|
||||
box-shadow: 0 9px 18px 0 rgba(0, 0, 0, 0.1);
|
||||
user-select: none;
|
||||
margin-left: calc(var(--spacer) / 4);
|
||||
margin-right: calc(var(--spacer) / 4);
|
||||
}
|
||||
|
||||
.button:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.button:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.button:hover,
|
||||
.button:focus {
|
||||
color: var(--color-dark);
|
||||
background: transparent;
|
||||
color: var(--brand-white);
|
||||
background: var(--brand-grey-light);
|
||||
text-decoration: none;
|
||||
transform: translate3d(0, -0.05rem, 0);
|
||||
box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.button:active {
|
||||
color: var(--color-white);
|
||||
background: var(--color-dark);
|
||||
border-color: var(--color-dark);
|
||||
background: var(--brand-grey-light);
|
||||
transition: none;
|
||||
transform: none;
|
||||
box-shadow: 0 5px 18px 0 rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.button:disabled {
|
||||
@ -36,29 +50,35 @@
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.primary {
|
||||
background: var(--color-primary);
|
||||
border-color: var(--color-primary);
|
||||
}
|
||||
|
||||
.primary,
|
||||
.primary:hover,
|
||||
.primary:focus {
|
||||
}
|
||||
|
||||
.primary:focus,
|
||||
.primary:active {
|
||||
background: var(--brand-gradient);
|
||||
}
|
||||
|
||||
.link {
|
||||
border: 0;
|
||||
outline: 0;
|
||||
display: inline-block;
|
||||
width: fit-content;
|
||||
background: 0;
|
||||
padding: 0;
|
||||
color: var(--color-primary);
|
||||
font-size: var(--font-size-base);
|
||||
font-weight: var(--font-weight-base);
|
||||
font-family: inherit;
|
||||
color: var(--brand-pink);
|
||||
box-shadow: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
.link:hover {
|
||||
background: none;
|
||||
color: var(--brand-pink);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
/* Size Modifiers */
|
||||
.small {
|
||||
font-size: var(--font-size-small);
|
||||
padding: calc(var(--spacer) / 4) calc(var(--spacer) / 2);
|
||||
}
|
||||
|
||||
.text.small {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@ -11,7 +11,7 @@
|
||||
|
||||
.file li {
|
||||
font-size: var(--font-size-small);
|
||||
color: var(--color-white);
|
||||
color: var(--brand-white);
|
||||
}
|
||||
|
||||
.file li.empty {
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
.terms {
|
||||
padding: calc(var(--spacer) / 2);
|
||||
border: 1px solid var(--color-grey-light);
|
||||
background-color: var(--color-grey-dimmed);
|
||||
border: 1px solid var(--brand-grey-light);
|
||||
background-color: var(--brand-grey-lighter);
|
||||
border-radius: var(--border-radius);
|
||||
margin-bottom: calc(var(--spacer) / 2);
|
||||
font-size: var(--font-size-small);
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
.item {
|
||||
display: list-item;
|
||||
margin-top: calc(var(--spacer) / 8);
|
||||
color: var(--color-grey);
|
||||
color: var(--brand-grey);
|
||||
list-style-position: inside;
|
||||
}
|
||||
|
||||
.item span {
|
||||
color: var(--color-dark);
|
||||
color: var(--brand-grey-dark);
|
||||
}
|
||||
|
||||
.ulItem {
|
||||
|
||||
@ -1,13 +1,13 @@
|
||||
.loaderWrap {
|
||||
display: inline-block;
|
||||
font-size: var(--font-size-small);
|
||||
color: var(--color-grey);
|
||||
color: var(--brand-grey);
|
||||
}
|
||||
|
||||
.loader,
|
||||
.loader:before,
|
||||
.loader:after {
|
||||
background: var(--color-grey);
|
||||
background: var(--brand-grey);
|
||||
border-radius: var(--border-radius);
|
||||
animation: load1 0.7s infinite ease-in-out;
|
||||
font-size: var(--font-size-base);
|
||||
|
||||
13
src/components/atoms/Logo.module.css
Normal file
13
src/components/atoms/Logo.module.css
Normal file
@ -0,0 +1,13 @@
|
||||
.logo {
|
||||
width: 4rem;
|
||||
height: 4rem;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.logo path {
|
||||
fill: var(--brand-black);
|
||||
}
|
||||
|
||||
a > .logo:hover path {
|
||||
fill: var(--brand-pink);
|
||||
}
|
||||
7
src/components/atoms/Logo.tsx
Normal file
7
src/components/atoms/Logo.tsx
Normal file
@ -0,0 +1,7 @@
|
||||
import React, { ReactElement } from 'react'
|
||||
import { ReactComponent as LogoAsset } from '@oceanprotocol/art/logo/logo.svg'
|
||||
import styles from './Logo.module.css'
|
||||
|
||||
export default function Logo(): ReactElement {
|
||||
return <LogoAsset className={styles.logo} />
|
||||
}
|
||||
@ -1,7 +1,7 @@
|
||||
.price {
|
||||
font-weight: var(--font-weight-bold);
|
||||
font-size: var(--font-size-large);
|
||||
color: var(--color-dark);
|
||||
color: var(--brand-grey-dark);
|
||||
}
|
||||
|
||||
.price span {
|
||||
|
||||
@ -28,7 +28,7 @@
|
||||
|
||||
.star svg {
|
||||
fill: none;
|
||||
stroke: var(--color-grey);
|
||||
stroke: var(--brand-grey);
|
||||
}
|
||||
|
||||
.full {
|
||||
@ -44,7 +44,7 @@
|
||||
display: inline-block;
|
||||
font-size: var(--font-size-small);
|
||||
padding-left: 5px;
|
||||
color: var(--color-grey);
|
||||
color: var(--brand-grey);
|
||||
}
|
||||
|
||||
.readonly {
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
height: var(--font-size-small);
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
background: var(--color-success);
|
||||
background: var(--green);
|
||||
}
|
||||
|
||||
/* yellow triangle */
|
||||
@ -16,13 +16,13 @@
|
||||
height: 0;
|
||||
border-left: calc(var(--font-size-small) / 1.7) solid transparent;
|
||||
border-right: calc(var(--font-size-small) / 1.7) solid transparent;
|
||||
border-bottom: var(--font-size-small) solid var(--color-warning);
|
||||
border-bottom: var(--font-size-small) solid var(--orange);
|
||||
}
|
||||
|
||||
/* red square */
|
||||
.error {
|
||||
composes: status;
|
||||
border-radius: 0;
|
||||
background: var(--color-danger);
|
||||
background: var(--red);
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
@ -14,7 +14,7 @@
|
||||
margin-bottom: calc(var(--spacer) / 8);
|
||||
text-align: center;
|
||||
border-radius: var(--border-radius);
|
||||
border: 1px solid var(--color-grey-light);
|
||||
border: 1px solid var(--brand-grey-light);
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
|
||||
@ -7,7 +7,7 @@
|
||||
composes: box from '../atoms/Box.module.css';
|
||||
font-size: var(--font-size-small);
|
||||
height: 100%;
|
||||
color: var(--color-dark);
|
||||
color: var(--brand-grey-dark);
|
||||
|
||||
/* for sticking footer to bottom */
|
||||
display: flex;
|
||||
@ -38,7 +38,7 @@
|
||||
color: var(--color-secondary);
|
||||
font-weight: var(--font-weight-bold);
|
||||
margin-top: calc(var(--spacer) / 1.5);
|
||||
border-top: 1px solid var(--color-grey-light);
|
||||
border-top: 1px solid var(--brand-grey-light);
|
||||
padding-top: calc(var(--spacer) / 3);
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
||||
@ -10,11 +10,11 @@
|
||||
font-family: var(--font-family-base);
|
||||
font-weight: var(--font-weight-bold);
|
||||
/* font-weight: var(--font-weight-bold); */
|
||||
color: var(--color-dark);
|
||||
border: 1px solid var(--color-grey-light);
|
||||
color: var(--brand-grey-dark);
|
||||
border: 2px solid var(--brand-pink);
|
||||
box-shadow: none;
|
||||
width: 100%;
|
||||
background: var(--color-white);
|
||||
background: var(--brand-white);
|
||||
padding: calc(var(--spacer) / 3);
|
||||
margin: 0;
|
||||
border-radius: var(--border-radius);
|
||||
@ -29,7 +29,7 @@
|
||||
.row textarea:focus {
|
||||
box-shadow: none;
|
||||
outline: 0;
|
||||
border-color: var(--color-secondary);
|
||||
border-color: var(--brand-pink);
|
||||
}
|
||||
|
||||
.input::placeholder,
|
||||
@ -46,7 +46,7 @@
|
||||
.input[disabled],
|
||||
.row input[readonly],
|
||||
.row input[disabled] {
|
||||
background-color: var(--color-grey-light);
|
||||
background-color: var(--brand-grey-light);
|
||||
cursor: not-allowed;
|
||||
pointer-events: none;
|
||||
}
|
||||
@ -63,18 +63,15 @@
|
||||
background-image: linear-gradient(
|
||||
45deg,
|
||||
transparent 50%,
|
||||
var(--color-secondary) 50%
|
||||
var(--brand-pink) 50%
|
||||
),
|
||||
linear-gradient(135deg, var(--color-secondary) 50%, transparent 50%),
|
||||
linear-gradient(
|
||||
to right,
|
||||
var(--color-grey-light) 0px,
|
||||
var(--color-white) 1.5px
|
||||
);
|
||||
linear-gradient(135deg, var(--brand-pink) 50%, transparent 50%),
|
||||
linear-gradient(to right, var(--brand-pink) 0px, var(--brand-white) 2px);
|
||||
background-position: calc(100% - 18px) calc(1rem + 5px),
|
||||
calc(100% - 13px) calc(1rem + 5px), 100% 0;
|
||||
background-size: 5px 5px, 5px 5px, 2.5rem 4rem;
|
||||
background-repeat: no-repeat;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.checkbox label,
|
||||
@ -87,7 +84,7 @@
|
||||
}
|
||||
|
||||
.row :global(.field-radio-group) {
|
||||
border: 1px solid var(--color-grey-light);
|
||||
border: 2px solid var(--brand-pink);
|
||||
padding: calc(var(--spacer) / 3);
|
||||
border-radius: var(--border-radius);
|
||||
}
|
||||
|
||||
@ -1,7 +1,8 @@
|
||||
.info {
|
||||
border-radius: var(--border-radius);
|
||||
padding: calc(var(--spacer) / 2);
|
||||
border: 1px solid var(--color-grey-light);
|
||||
border: 1px solid var(--brand-grey-light);
|
||||
background-color: var(--brand-grey-lighter);
|
||||
}
|
||||
|
||||
.url {
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
|
||||
.link {
|
||||
display: inline-block;
|
||||
color: var(--color-secondary);
|
||||
color: var(--brand-grey);
|
||||
font-weight: var(--font-weight-bold);
|
||||
margin: calc(var(--spacer) / 4) var(--spacer);
|
||||
}
|
||||
@ -11,11 +11,11 @@
|
||||
.link:hover,
|
||||
.link:focus,
|
||||
.link:active {
|
||||
color: var(--color-dark);
|
||||
color: var(--brand-pink);
|
||||
}
|
||||
|
||||
.link.active {
|
||||
color: var(--color-primary);
|
||||
color: var(--brand-pink);
|
||||
}
|
||||
|
||||
.link:first-child {
|
||||
|
||||
@ -15,7 +15,7 @@
|
||||
margin-top: -1px;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
border: 1px solid var(--color-grey-light);
|
||||
border: 1px solid var(--brand-grey-light);
|
||||
min-width: 3.5rem;
|
||||
}
|
||||
|
||||
@ -40,7 +40,7 @@ li:last-child .number {
|
||||
|
||||
.number:hover {
|
||||
background-color: var(--color-primary);
|
||||
color: var(--color-white);
|
||||
color: var(--brand-white);
|
||||
}
|
||||
|
||||
.current,
|
||||
@ -59,7 +59,7 @@ li:last-child .number {
|
||||
.current:hover,
|
||||
.current:focus,
|
||||
.current:active {
|
||||
color: var(--color-grey);
|
||||
color: var(--brand-grey);
|
||||
}
|
||||
|
||||
.next {
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
.error {
|
||||
background-color: var(--color-danger);
|
||||
background-color: var(--red);
|
||||
}
|
||||
.success {
|
||||
background-color: var(--color-success);
|
||||
background-color: var(--green);
|
||||
}
|
||||
.info {
|
||||
background-color: var(--color-info);
|
||||
background-color: var(--yellow);
|
||||
}
|
||||
|
||||
@ -13,30 +13,37 @@
|
||||
margin-top: -1px;
|
||||
width: 100%;
|
||||
border-width: 1px;
|
||||
background-color: var(--color-grey-light);
|
||||
border-color: var(--color-grey-light);
|
||||
color: var(--color-secondary);
|
||||
}
|
||||
|
||||
.inputGroup button:hover,
|
||||
.inputGroup button:focus,
|
||||
.inputGroup .input:focus + button {
|
||||
color: var(--color-white);
|
||||
text-transform: uppercase;
|
||||
color: var(--brand-grey-lighter);
|
||||
background: var(--brand-gradient);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.inputGroup button:hover,
|
||||
.inputGroup button:focus,
|
||||
.inputGroup .input:focus + button:hover,
|
||||
.inputGroup .input:focus + button:focus {
|
||||
background-color: var(--color-primary);
|
||||
border-color: var(--color-primary);
|
||||
background: var(--brand-gradient);
|
||||
transform: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.inputGroup .input:focus + button {
|
||||
border-color: var(--color-secondary);
|
||||
background-color: var(--color-secondary);
|
||||
color: var(--brand-white);
|
||||
}
|
||||
|
||||
/* .inputGroup button:hover,
|
||||
.inputGroup button:focus,
|
||||
.inputGroup .input:focus + button {
|
||||
color: var(--brand-white);
|
||||
background-color: var(--brand-pink);
|
||||
}
|
||||
|
||||
.inputGroup .input:focus + button {
|
||||
border-color: var(--brand-pink);
|
||||
background-color: var(--brand-pink);
|
||||
} */
|
||||
|
||||
@media screen and (min-width: 30rem) {
|
||||
.inputGroup {
|
||||
display: flex;
|
||||
|
||||
@ -10,6 +10,9 @@
|
||||
.statuscontainer {
|
||||
flex-grow: 1;
|
||||
}
|
||||
.statuscontainer h3 {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.walletcontainer {
|
||||
width: 35%;
|
||||
@ -18,7 +21,7 @@
|
||||
.feedback i {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 2px;
|
||||
top: 4px;
|
||||
}
|
||||
|
||||
.title {
|
||||
|
||||
@ -38,5 +38,5 @@
|
||||
width: 100%;
|
||||
margin-top: calc(var(--spacer) / 1.5);
|
||||
padding-top: calc(var(--spacer) / 1.5);
|
||||
border-top: 1px solid var(--color-grey-light);
|
||||
border-top: 1px solid var(--brand-grey-light);
|
||||
}
|
||||
|
||||
@ -1,6 +1,5 @@
|
||||
.footer {
|
||||
background-color: var(--color-dark);
|
||||
color: var(--color-grey-light);
|
||||
color: var(--brand-grey-light);
|
||||
font-size: var(--font-size-small);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@ -1,6 +1,5 @@
|
||||
.header {
|
||||
background-color: var(--color-white);
|
||||
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
|
||||
background-color: var(--brand-white);
|
||||
}
|
||||
|
||||
.content {
|
||||
@ -20,11 +19,18 @@
|
||||
|
||||
.logoUnit svg {
|
||||
fill: var(--color-primary);
|
||||
width: 70px;
|
||||
height: 40px;
|
||||
width: 4rem;
|
||||
height: 4rem;
|
||||
margin-right: calc(var(--spacer) / 2);
|
||||
}
|
||||
|
||||
.logoUnit path {
|
||||
fill: var(--brand-black);
|
||||
}
|
||||
.logoUnit:hover path {
|
||||
fill: var(--brand-pink);
|
||||
}
|
||||
|
||||
.title {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@ -3,7 +3,7 @@ import Link from 'next/link'
|
||||
import Menu from '../molecules/Menu'
|
||||
import styles from './Header.module.css'
|
||||
import { title } from '../../../site.config'
|
||||
import Logo from '../../images/logo.svg'
|
||||
import Logo from '@oceanprotocol/art/logo/logo.svg'
|
||||
|
||||
export default function Header() {
|
||||
return (
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
font-size: var(--font-size-small);
|
||||
padding: var(--spacer);
|
||||
border-radius: var(--border-radius);
|
||||
border: 1px solid var(--color-grey-light);
|
||||
border: 1px solid var(--brand-grey-light);
|
||||
display: grid;
|
||||
gap: var(--spacer);
|
||||
grid-template-columns: 1fr 1fr;
|
||||
|
||||
@ -17,9 +17,9 @@
|
||||
}
|
||||
|
||||
.success {
|
||||
background-color: var(--color-success);
|
||||
background-color: var(--green);
|
||||
}
|
||||
|
||||
.error {
|
||||
background-color: var(--color-danger);
|
||||
background-color: var(--red);
|
||||
}
|
||||
|
||||
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 9.8 KiB After Width: | Height: | Size: 9.8 KiB |
@ -1,6 +1,6 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="86" height="120" viewBox="0 0 86 120">
|
||||
<g fill="none" fill-rule="evenodd">
|
||||
<path fill="#CA2935" d="M85.0478,34.0192 L85.0478,110.5622 C85.0478,115.2574 81.2413,119.0653 76.5446,119.067 L8.5048,119.067 C3.8096,119.067 0.0017,115.2605 0,110.5637 L0,8.505 C0,3.81 3.8065,0.002 8.5033,-1.42108547e-14 L51.0287,-1.42108547e-14 L51.0287,25.5144 C51.0287,30.2096 54.8353,34.0175 59.532,34.0191 L85.0478,34.0192 Z M56.1923,99.02 L65.3046,99.02 L65.3046,65.6083 L56.1923,65.6083 L56.1923,99.02 Z M37.9678,99.02 L47.0801,99.02 L47.0801,53.4587 L37.9678,53.4587 L37.9678,99.02 Z M19.7433,99.02 L28.8556,99.02 L28.8556,71.6832 L19.7433,71.6832 L19.7433,99.02 Z"/>
|
||||
<path fill="#96141E" d="M85.0478,34.0192 L59.5335,34.0192 C54.8383,34.0192 51.0304,30.2126 51.0287,25.5159 L51.0287,-1.42108547e-14 L85.0478,34.0192 Z"/>
|
||||
<path fill="#FF4092" d="M85.0478,34.0192 L85.0478,110.5622 C85.0478,115.2574 81.2413,119.0653 76.5446,119.067 L8.5048,119.067 C3.8096,119.067 0.0017,115.2605 0,110.5637 L0,8.505 C0,3.81 3.8065,0.002 8.5033,-1.42108547e-14 L51.0287,-1.42108547e-14 L51.0287,25.5144 C51.0287,30.2096 54.8353,34.0175 59.532,34.0191 L85.0478,34.0192 Z M56.1923,99.02 L65.3046,99.02 L65.3046,65.6083 L56.1923,65.6083 L56.1923,99.02 Z M37.9678,99.02 L47.0801,99.02 L47.0801,53.4587 L37.9678,53.4587 L37.9678,99.02 Z M19.7433,99.02 L28.8556,99.02 L28.8556,71.6832 L19.7433,71.6832 L19.7433,99.02 Z"/>
|
||||
<path fill="#7B1173" d="M85.0478,34.0192 L59.5335,34.0192 C54.8383,34.0192 51.0304,30.2126 51.0287,25.5159 L51.0287,-1.42108547e-14 L85.0478,34.0192 Z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 877 B After Width: | Height: | Size: 877 B |
@ -1,10 +1,10 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="117" height="115" viewBox="0 0 117 115">
|
||||
<g fill="none" fill-rule="evenodd">
|
||||
<path fill="#7E7E7E" d="M85.9309 17.3457016C85.4489 17.3464 84.9971 17.1114 84.7209 16.7164 79.4554 9.183 71.2241 4.257 62.097 3.175 52.9699 2.094 43.8153 4.961 36.9354 11.055 36.3413 11.59 35.4293 11.555 34.8785 10.976 34.3276 10.396 34.3384 9.483 34.9028 8.917L34.9053 8.915C34.9262 8.894 34.9476 8.874 34.9695 8.854 42.4784 2.198 52.4722-.934 62.4369.244 72.4017 1.423 81.389 6.8 87.1384 15.0237 87.4539 15.4743 87.4926 16.063 87.2389 16.551 86.9851 17.039 86.4809 17.3453 85.9309 17.3457016zM57.334 114.520907C45.8481 114.5125 35.0873 108.9061 28.4986 99.498 28.0311 98.8305 28.1934 97.9104 28.8609 97.443 29.5285 96.9756 30.4485 97.1378 30.916 97.8053 36.1825 105.3397 44.4158 110.2667 53.5447 111.3468 62.6736 112.4268 71.8293 109.5573 78.7087 103.46 79.3078 102.9072 80.2417 102.9447 80.7946 103.5439 81.3474 104.1431 81.3099 105.077 80.7107 105.6298 80.6822 105.6568 80.6527 105.6828 80.6222 105.7077 74.1965 111.3914 65.9127 114.5264 57.334 114.520907z"/>
|
||||
<path fill="#98141E" d="M93.1154,33.0352 C93.8805,33.0352 94.6438,33.0727 95.4053,33.1477 C96.1668,33.2227 96.9227,33.3349 97.6732,33.4841 C98.4236,33.6334 99.165,33.8191 99.8972,34.0412 C100.629,34.2633 101.349,34.5208 102.056,34.8136 C102.763,35.1064 103.454,35.4331 104.128,35.7938 C104.803,36.1545 105.459,36.5474 106.095,36.9725 C106.731,37.3976 107.345,37.8529 107.936,38.3383 C108.528,38.8237 109.094,39.3369 109.635,39.8779 C110.176,40.419 110.689,40.9852 111.175,41.5767 C111.66,42.1682 112.115,42.782 112.541,43.4182 C112.966,44.0544 113.359,44.7099 113.719,45.3847 C114.08,46.0595 114.407,46.7504 114.699,47.4573 C114.992,48.1642 115.25,48.8837 115.472,49.6159 C115.694,50.3481 115.88,51.0895 116.029,51.8399 C116.178,52.5903 116.29,53.3463 116.365,54.1078 C116.44,54.8692 116.478,55.6325 116.478,56.3977 C116.478,57.1628 116.44,57.9261 116.365,58.6876 C116.29,59.4491 116.178,60.205 116.029,60.9555 C115.88,61.7059 115.694,62.4473 115.472,63.1795 C115.25,63.9117 114.992,64.6312 114.699,65.3381 C114.407,66.045 114.08,66.7359 113.719,67.4107 C113.359,68.0855 112.966,68.741 112.541,69.3772 C112.115,70.0134 111.66,70.6272 111.175,71.2187 C110.689,71.8101 110.176,72.3764 109.635,72.9174 C109.094,73.4585 108.528,73.9717 107.936,74.4571 C107.345,74.9425 106.731,75.3978 106.095,75.8229 C105.459,76.248 104.803,76.6409 104.128,77.0015 C103.454,77.3622 102.763,77.689 102.056,77.9818 C101.349,78.2746 100.629,78.5321 99.8972,78.7542 C99.165,78.9763 98.4236,79.162 97.6732,79.3112 C96.9227,79.4605 96.1668,79.5727 95.4053,79.6477 C94.6438,79.7227 93.8805,79.7602 93.1154,79.7602 C92.3502,79.7602 91.5869,79.7227 90.8255,79.6477 C90.064,79.5727 89.308,79.4605 88.5576,79.3112 C87.8072,79.162 87.0658,78.9763 86.3336,78.7542 C85.6014,78.5321 84.8819,78.2746 84.175,77.9818 C83.4681,77.689 82.7772,77.3622 82.1024,77.0015 C81.4276,76.6409 80.7721,76.248 80.1359,75.8229 C79.4997,75.3978 78.8859,74.9425 78.2944,74.4571 C77.7029,73.9717 77.1367,73.4585 76.5956,72.9174 C76.0546,72.3764 75.5414,71.8102 75.056,71.2187 C74.5706,70.6272 74.1153,70.0134 73.6902,69.3772 C73.2651,68.741 72.8722,68.0855 72.5115,67.4107 C72.1508,66.7359 71.8241,66.045 71.5313,65.3381 C71.2385,64.6312 70.981,63.9117 70.7589,63.1795 C70.5368,62.4473 70.3511,61.7059 70.2018,60.9555 C70.0526,60.205 69.9404,59.4491 69.8654,58.6876 C69.7904,57.9261 69.7529,57.1628 69.7529,56.3977 C69.7529,55.6325 69.7904,54.8692 69.8654,54.1078 C69.9404,53.3463 70.0526,52.5903 70.2018,51.8399 C70.3511,51.0895 70.5368,50.3481 70.7589,49.6159 C70.981,48.8837 71.2385,48.1642 71.5313,47.4573 C71.8241,46.7504 72.1508,46.0595 72.5115,45.3847 C72.8722,44.7099 73.2651,44.0544 73.6902,43.4182 C74.1153,42.782 74.5706,42.1682 75.056,41.5767 C75.5414,40.9852 76.0546,40.419 76.5956,39.8779 C77.1367,39.3369 77.7029,38.8237 78.2944,38.3383 C78.8859,37.8529 79.4997,37.3976 80.1359,36.9725 C80.7721,36.5474 81.4276,36.1545 82.1024,35.7938 C82.7772,35.4331 83.4681,35.1064 84.175,34.8136 C84.8819,34.5208 85.6014,34.2633 86.3336,34.0412 C87.0658,33.8191 87.8072,33.6334 88.5576,33.4841 C89.308,33.3349 90.064,33.2227 90.8255,33.1477 C91.5869,33.0727 92.3502,33.0352 93.1154,33.0352 Z"/>
|
||||
<path fill="#7b1173" d="M93.1154,33.0352 C93.8805,33.0352 94.6438,33.0727 95.4053,33.1477 C96.1668,33.2227 96.9227,33.3349 97.6732,33.4841 C98.4236,33.6334 99.165,33.8191 99.8972,34.0412 C100.629,34.2633 101.349,34.5208 102.056,34.8136 C102.763,35.1064 103.454,35.4331 104.128,35.7938 C104.803,36.1545 105.459,36.5474 106.095,36.9725 C106.731,37.3976 107.345,37.8529 107.936,38.3383 C108.528,38.8237 109.094,39.3369 109.635,39.8779 C110.176,40.419 110.689,40.9852 111.175,41.5767 C111.66,42.1682 112.115,42.782 112.541,43.4182 C112.966,44.0544 113.359,44.7099 113.719,45.3847 C114.08,46.0595 114.407,46.7504 114.699,47.4573 C114.992,48.1642 115.25,48.8837 115.472,49.6159 C115.694,50.3481 115.88,51.0895 116.029,51.8399 C116.178,52.5903 116.29,53.3463 116.365,54.1078 C116.44,54.8692 116.478,55.6325 116.478,56.3977 C116.478,57.1628 116.44,57.9261 116.365,58.6876 C116.29,59.4491 116.178,60.205 116.029,60.9555 C115.88,61.7059 115.694,62.4473 115.472,63.1795 C115.25,63.9117 114.992,64.6312 114.699,65.3381 C114.407,66.045 114.08,66.7359 113.719,67.4107 C113.359,68.0855 112.966,68.741 112.541,69.3772 C112.115,70.0134 111.66,70.6272 111.175,71.2187 C110.689,71.8101 110.176,72.3764 109.635,72.9174 C109.094,73.4585 108.528,73.9717 107.936,74.4571 C107.345,74.9425 106.731,75.3978 106.095,75.8229 C105.459,76.248 104.803,76.6409 104.128,77.0015 C103.454,77.3622 102.763,77.689 102.056,77.9818 C101.349,78.2746 100.629,78.5321 99.8972,78.7542 C99.165,78.9763 98.4236,79.162 97.6732,79.3112 C96.9227,79.4605 96.1668,79.5727 95.4053,79.6477 C94.6438,79.7227 93.8805,79.7602 93.1154,79.7602 C92.3502,79.7602 91.5869,79.7227 90.8255,79.6477 C90.064,79.5727 89.308,79.4605 88.5576,79.3112 C87.8072,79.162 87.0658,78.9763 86.3336,78.7542 C85.6014,78.5321 84.8819,78.2746 84.175,77.9818 C83.4681,77.689 82.7772,77.3622 82.1024,77.0015 C81.4276,76.6409 80.7721,76.248 80.1359,75.8229 C79.4997,75.3978 78.8859,74.9425 78.2944,74.4571 C77.7029,73.9717 77.1367,73.4585 76.5956,72.9174 C76.0546,72.3764 75.5414,71.8102 75.056,71.2187 C74.5706,70.6272 74.1153,70.0134 73.6902,69.3772 C73.2651,68.741 72.8722,68.0855 72.5115,67.4107 C72.1508,66.7359 71.8241,66.045 71.5313,65.3381 C71.2385,64.6312 70.981,63.9117 70.7589,63.1795 C70.5368,62.4473 70.3511,61.7059 70.2018,60.9555 C70.0526,60.205 69.9404,59.4491 69.8654,58.6876 C69.7904,57.9261 69.7529,57.1628 69.7529,56.3977 C69.7529,55.6325 69.7904,54.8692 69.8654,54.1078 C69.9404,53.3463 70.0526,52.5903 70.2018,51.8399 C70.3511,51.0895 70.5368,50.3481 70.7589,49.6159 C70.981,48.8837 71.2385,48.1642 71.5313,47.4573 C71.8241,46.7504 72.1508,46.0595 72.5115,45.3847 C72.8722,44.7099 73.2651,44.0544 73.6902,43.4182 C74.1153,42.782 74.5706,42.1682 75.056,41.5767 C75.5414,40.9852 76.0546,40.419 76.5956,39.8779 C77.1367,39.3369 77.7029,38.8237 78.2944,38.3383 C78.8859,37.8529 79.4997,37.3976 80.1359,36.9725 C80.7721,36.5474 81.4276,36.1545 82.1024,35.7938 C82.7772,35.4331 83.4681,35.1064 84.175,34.8136 C84.8819,34.5208 85.6014,34.2633 86.3336,34.0412 C87.0658,33.8191 87.8072,33.6334 88.5576,33.4841 C89.308,33.3349 90.064,33.2227 90.8255,33.1477 C91.5869,33.0727 92.3502,33.0352 93.1154,33.0352 Z"/>
|
||||
<polygon fill="#7E7E7E" points="79.688 104.564 73.575 98.45 85.91 98.45 85.91 110.786"/>
|
||||
<polygon fill="#7E7E7E" points="35.949 9.958 42.062 16.072 29.729 16.072 29.729 3.736"/>
|
||||
<path fill="#CA2935" d="M39.3473,41.3522 L39.3473,59.7594 C39.3473,64.1491 36.411,69.6921 32.7911,72.1612 L19.6737,81.1053 L6.5587,72.1612 C2.9363,69.6921 0,64.122 0,59.7594 L0,41.3227 L19.6737,31.6875 L39.3473,41.3522 Z"/>
|
||||
<path fill="#e000cf" d="M39.3473,41.3522 L39.3473,59.7594 C39.3473,64.1491 36.411,69.6921 32.7911,72.1612 L19.6737,81.1053 L6.5587,72.1612 C2.9363,69.6921 0,64.122 0,59.7594 L0,41.3227 L19.6737,31.6875 L39.3473,41.3522 Z"/>
|
||||
<path fill="#FFF" d="M93.1671 54.7844C90.6833 54.7831 88.6708 52.7687 88.6717 50.2849 88.6726 47.8011 90.6866 45.7882 93.1704 45.7887 95.6533 45.7887 97.667 47.8019 97.6674 50.2857 97.6672 51.1006 98.3277 51.7614 99.1426 51.7617 99.9575 51.7619 100.618 51.1015 100.619 50.2865 100.613 46.7423 98.1159 43.6906 94.6427 42.9847L94.6427 41.0325C94.6427 40.2177 93.9821 39.557 93.1671 39.557 92.3522 39.557 91.6916 40.2177 91.6916 41.0325L91.6916 42.9849C87.9409 43.7434 85.375 47.2202 85.7559 51.0278 86.1368 54.8353 89.3406 57.735 93.1671 57.7355 95.6516 57.7286 97.6712 59.7372 97.6781 62.2217 97.6848 64.7062 95.6762 66.7258 93.1917 66.7326 93.1839 66.7325 93.176 66.7325 93.1671 66.7325L93.1425 66.7325C90.6696 66.7166 88.6723 64.7089 88.6692 62.2359 88.6692 61.4209 88.0086 60.7603 87.1937 60.7603 86.3788 60.7603 85.7181 61.421 85.7181 62.2359 85.7229 65.7793 88.2192 68.8307 91.6916 69.5372L91.6916 71.7628C91.6916 72.5777 92.3522 73.2383 93.1671 73.2383 93.9821 73.2383 94.6427 72.5777 94.6427 71.7628L94.6427 69.5375C98.3898 68.7747 100.951 65.2993 100.571 61.4943 100.19 57.6893 96.9911 54.79 93.1671 54.7844zM17.2931 63.0990018C16.9079 63.0996 16.5378 62.9489 16.2625 62.6795L10.3186 56.8782C9.7354 56.309 9.724 55.3748 10.2932 54.7916 10.8624 54.2084 11.7967 54.197 12.3799 54.7662L17.2929 59.5617 26.9672 50.1144C27.5501 49.545 28.4843 49.5561 29.0537 50.1391 29.623 50.7221 29.612 51.6563 29.029 52.2257L18.324 62.6797C18.0485 62.9491 17.6784 63.0996 17.2931 63.0990018z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 6.0 KiB After Width: | Height: | Size: 6.0 KiB |
@ -8,6 +8,7 @@ import { title, description, url } from '../../site.config'
|
||||
import { toast } from 'react-toastify'
|
||||
|
||||
// this is the place to import global css
|
||||
import '@oceanprotocol/typographies/css/ocean-typo.css'
|
||||
import 'react-toastify/dist/ReactToastify.css'
|
||||
import '../styles/global.css'
|
||||
import '../components/atoms/NProgress.css'
|
||||
|
||||
26
src/styles/_code.css
Normal file
26
src/styles/_code.css
Normal file
@ -0,0 +1,26 @@
|
||||
code {
|
||||
font-family: var(--font-family-monospace);
|
||||
font-size: var(--font-size-small);
|
||||
color: var(--brand-grey-light);
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
:not(pre) > code {
|
||||
display: inline-block;
|
||||
padding-left: 0.3rem;
|
||||
padding-right: 0.3rem;
|
||||
}
|
||||
|
||||
pre {
|
||||
display: block;
|
||||
margin: calc(var(--spacer) / 2) 0;
|
||||
padding: 0;
|
||||
border: 1px solid var(--brand-grey-dark);
|
||||
border-radius: var(--border-radius);
|
||||
}
|
||||
|
||||
pre code {
|
||||
padding: calc(var(--spacer) / 2);
|
||||
display: block;
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
@ -1,31 +1,45 @@
|
||||
:root {
|
||||
--color-primary: #ca2935;
|
||||
--color-secondary: #666;
|
||||
--color-dark: #333;
|
||||
--color-grey: #bbb;
|
||||
--color-grey-light: #ddd;
|
||||
--color-grey-dimmed: #fafafa;
|
||||
--color-white: #fff;
|
||||
--brand-grey: #41474e;
|
||||
--brand-grey-light: #8b98a9;
|
||||
--brand-grey-dark: #303030;
|
||||
--brand-grey-lighter: #e2e2e2;
|
||||
|
||||
--color-success: #a5ce58;
|
||||
--color-danger: #ca2935;
|
||||
--color-warning: #fab32b;
|
||||
--color-info: #3d5d7c;
|
||||
--brand-white: #ffffff;
|
||||
--brand-black: #141414;
|
||||
--brand-pink: #ff4092;
|
||||
--brand-purple: #7b1173;
|
||||
--brand-violet: #e000cf;
|
||||
--brand-blue: #11597b;
|
||||
|
||||
--font-family-base: 'Montserrat', -apple-system, BlinkMacSystemFont,
|
||||
--brand-gradient: linear-gradient(to right bottom, #7b1173, #ff4092);
|
||||
|
||||
--green: #5fb359;
|
||||
--red: #d80606;
|
||||
--orange: #b35f36;
|
||||
--yellow: #eac146;
|
||||
|
||||
/* Buttons */
|
||||
--color-primary: #ff4092;
|
||||
--color-secondary: #8b98a9;
|
||||
|
||||
--font-family-base: 'Sharp Sans', -apple-system, BlinkMacSystemFont,
|
||||
'Segoe UI', Helvetica, Arial, sans-serif;
|
||||
--font-family-title: 'Montserrat', -apple-system, BlinkMacSystemFont,
|
||||
--font-family-title: 'Sharp Sans Display', -apple-system, BlinkMacSystemFont,
|
||||
'Segoe UI', Helvetica, Arial, sans-serif;
|
||||
--font-family-monospace: 'Fira Code', 'Fira Mono', Menlo, Monaco, Consolas,
|
||||
'Courier New', monospace;
|
||||
|
||||
--font-size-root: 15px;
|
||||
--font-size-root: 16px;
|
||||
--font-size-base: 1rem;
|
||||
--font-size-large: 1.2rem;
|
||||
--font-size-small: 0.85rem;
|
||||
--font-size-mini: 0.65rem;
|
||||
|
||||
--font-size-h1: 2rem;
|
||||
--font-size-text: 1rem;
|
||||
--font-size-label: 1rem;
|
||||
--font-size-title: 1.4rem;
|
||||
|
||||
--font-size-h1: 3rem;
|
||||
--font-size-h2: 1.7rem;
|
||||
--font-size-h3: 1.4rem;
|
||||
--font-size-h4: 1.2rem;
|
||||
@ -35,8 +49,13 @@
|
||||
--font-weight-bold: 600;
|
||||
--line-height: 1.6;
|
||||
|
||||
--break-point--small: 640px;
|
||||
--break-point--medium: 860px;
|
||||
--break-point--large: 1140px;
|
||||
--break-point--huge: 1400px;
|
||||
|
||||
--spacer: 2rem;
|
||||
--border-radius: 0.5rem;
|
||||
--border-radius: 0.2rem;
|
||||
|
||||
--layout-max-width: 85rem;
|
||||
|
||||
|
||||
@ -15,14 +15,14 @@
|
||||
.react-datepicker__day-name,
|
||||
.react-datepicker__day,
|
||||
.react-datepicker__time-name {
|
||||
color: var(--color-dark);
|
||||
color: var(--brand-grey-dark);
|
||||
}
|
||||
|
||||
.react-datepicker__current-month,
|
||||
.react-datepicker-time__header,
|
||||
.react-datepicker-year-header,
|
||||
.react-datepicker__day-name {
|
||||
color: var(--color-white);
|
||||
color: var(--brand-white);
|
||||
font-weight: var(--font-weight-bold);
|
||||
}
|
||||
|
||||
@ -49,7 +49,7 @@
|
||||
.react-datepicker__month-text--in-selecting-range,
|
||||
.react-datepicker__month-text--in-range {
|
||||
background-color: var(--color-primary);
|
||||
color: var(--color-white);
|
||||
color: var(--brand-white);
|
||||
border-radius: 50%;
|
||||
font-weight: var(--font-weight-bold);
|
||||
}
|
||||
@ -59,9 +59,9 @@
|
||||
background-color: var(--color-primary);
|
||||
border-radius: 50%;
|
||||
font-weight: var(--font-weight-bold);
|
||||
color: var(--color-white);
|
||||
color: var(--brand-white);
|
||||
}
|
||||
|
||||
.react-datepicker__day--outside-month {
|
||||
color: var(--color-grey);
|
||||
color: var(--brand-grey);
|
||||
}
|
||||
|
||||
@ -20,18 +20,20 @@ html {
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: var(--color-grey-dimmed);
|
||||
color: var(--color-dark);
|
||||
color: var(--brand-grey);
|
||||
font-size: var(--font-size-base);
|
||||
font-family: var(--font-family-base);
|
||||
font-weight: var(--font-weight-base);
|
||||
line-height: var(--line-height);
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: var(--color-primary);
|
||||
color: var(--brand-pink);
|
||||
transition: 0.2s ease-out;
|
||||
}
|
||||
|
||||
@ -50,10 +52,9 @@ h3,
|
||||
h4,
|
||||
h5 {
|
||||
font-family: var(--font-family-title);
|
||||
color: var(--color-dark);
|
||||
color: var(--brand-black);
|
||||
line-height: 1.2;
|
||||
font-weight: var(--font-weight-bold);
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
h1 {
|
||||
@ -99,19 +100,6 @@ ul li {
|
||||
display: block;
|
||||
}
|
||||
|
||||
code,
|
||||
kbd,
|
||||
pre,
|
||||
samp {
|
||||
font-family: var(--font-family-monospace);
|
||||
font-size: var(--font-size-small);
|
||||
color: var(--color-secondary);
|
||||
text-shadow: none;
|
||||
overflow-wrap: break-word;
|
||||
word-wrap: break-word;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
form,
|
||||
fieldset {
|
||||
border: 0;
|
||||
@ -129,5 +117,7 @@ input[type='checkbox'] {
|
||||
|
||||
input[type='radio']:checked,
|
||||
input[type='checkbox']:checked {
|
||||
background: var(--color-primary);
|
||||
background: var(--brand-white);
|
||||
}
|
||||
|
||||
@import '_code.css';
|
||||
|
||||
Loading…
Reference in New Issue
Block a user