oceanprotocol/market
1
0
Fork 0
mirror of https://github.com/oceanprotocol/market.git synced 2024-12-02 05:57:29 +01:00
Code Releases Activity

small global color tweaks

Browse Source
This commit is contained in:
Matthias Kretschmann 2021-02-25 13:16:32 +01:00
parent ce81777030
commit e5b71046db
Signed by: m
GPG Key ID: 606EEEF3C479A91F
5 changed files with 7 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/atoms/Input/InputElement.module.css
View File

@ -6,7 +6,7 @@
border: 1px solid var(--border-color); border: 1px solid var(--border-color);
box-shadow: none; box-shadow: none;
width: 100%; width: 100%;
background: var(--background-body); background: var(--background-content);
padding: calc(var(--spacer) / 3); padding: calc(var(--spacer) / 3);
margin: 0; margin: 0;
border-radius: var(--border-radius); border-radius: var(--border-radius);

2
src/components/molecules/Wallet/Account.module.css
View File

@ -7,7 +7,7 @@
border-radius: var(--border-radius); border-radius: var(--border-radius);
padding: calc(var(--spacer) / 4); padding: calc(var(--spacer) / 4);
white-space: nowrap; white-space: nowrap;
background: none; background: var(--background-content);
margin: 0; margin: 0;
transition: border 0.2s ease-out; transition: border 0.2s ease-out;
cursor: pointer; cursor: pointer;

11
src/components/templates/Search/filterPrice.module.css
View File

@ -1,8 +1,3 @@
/* .filterList {
display: inline-flex;
float: left;
} */
.filter, .filter,
button.filter, button.filter,
.filter:hover, .filter:hover,
@ -13,7 +8,7 @@ button.filter,
border-radius: var(--border-radius); border-radius: var(--border-radius);
margin-right: calc(var(--spacer) / 6); margin-right: calc(var(--spacer) / 6);
color: var(--color-secondary); color: var(--color-secondary);
background: var(--background-body); background: var(--background-content);
/* the only thing not possible to overwrite button style="text" with more specifity of selectors, so sledgehammer */ /* the only thing not possible to overwrite button style="text" with more specifity of selectors, so sledgehammer */
padding: calc(var(--spacer) / 5) !important; padding: calc(var(--spacer) / 5) !important;
@ -32,6 +27,6 @@ button.filter,
border-color: var(--background-body); border-color: var(--background-body);
} }
.filterList:first-of-type{ .filterList:first-of-type {
margin-bottom: calc(var(--spacer) / 6); margin-bottom: calc(var(--spacer) / 6);
} }

2
src/components/templates/Search/sort.module.css
View File

@ -5,7 +5,7 @@
align-items: center; align-items: center;
border-radius: var(--border-radius); border-radius: var(--border-radius);
border: 1px solid var(--border-color); border: 1px solid var(--border-color);
background: var(--background-body); background: var(--background-content);
} }
.sortLabel { .sortLabel {

2
src/global/_variables.css
View File

@ -25,7 +25,7 @@
/* Only use these vars for most color referencing for easy light/dark mode */ /* Only use these vars for most color referencing for easy light/dark mode */
--font-color-text: #41474e; --font-color-text: #41474e;
--font-color-heading: #141414; --font-color-heading: #141414;
--background-body: #fafafa; --background-body: #fcfcfc;
--background-body-transparent: rgba(255, 255, 255, 0.8); --background-body-transparent: rgba(255, 255, 255, 0.8);
--background-content: #fff; --background-content: #fff;
--background-highlight: #f7f7f7; --background-highlight: #f7f7f7;