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

fix alignment based button on action type (#1491)

Browse Source 
* fix alignment based on action type

* moving to CSS modules
This commit is contained in:
EnzoVezzaro 2022-06-14 08:21:56 -04:00 committed by GitHub
parent 0d3464848d
commit a986ecc3fc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/@shared/ButtonBuy/index.module.css
View File

@ -3,6 +3,11 @@
margin-top: calc(var(--spacer) / 2); margin-top: calc(var(--spacer) / 2);
} }
.actionsCenter {
margin: auto !important;
display: block;
}
.help { .help {
font-size: var(--font-size-mini); font-size: var(--font-size-mini);
color: var(--color-secondary); color: var(--color-secondary);

2
src/components/@shared/ButtonBuy/index.tsx
View File

@ -161,7 +161,7 @@ export default function ButtonBuy({
type={type} type={type}
onClick={onClick} onClick={onClick}
disabled={disabled} disabled={disabled}
className="center" className={action === 'compute' ? styles.actionsCenter : ''}
> >
{buttonText} {buttonText}
</Button> </Button>

5
src/components/@shared/atoms/Button/index.module.css
View File

@ -82,11 +82,6 @@
min-width: auto; min-width: auto;
} }
.center {
margin: auto !important;
display: block;
}
/* Size Modifiers */ /* Size Modifiers */
.small { .small {
font-size: var(--font-size-small); font-size: var(--font-size-small);