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

Fixing more info button padding (#783)

Browse Source
This commit is contained in:
Jamie Hewitt 2021-08-10 12:09:39 +02:00 committed by GitHub
parent f3e83fab7e
commit 34f7728399
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/molecules/MetadataFeedback.module.css
View File

@ -38,3 +38,6 @@
.action { .action {
margin-top: calc(var(--spacer) / 1.5); margin-top: calc(var(--spacer) / 1.5);
} }
.moreInfo {
padding: calc(var(--spacer) / 4) calc(var(--spacer) / 2) !important;
}

7
src/components/molecules/MetadataFeedback.tsx
View File

@ -70,7 +70,12 @@ export default function MetadataFeedback({
<> <>
<p>Sorry, something went wrong. Please try again.</p> <p>Sorry, something went wrong. Please try again.</p>
{moreInfo && <Alert text={error} state="error" />} {moreInfo && <Alert text={error} state="error" />}
<Button style="text" size="small" onClick={toggleMoreInfo}> <Button
style="text"
size="small"
onClick={toggleMoreInfo}
className={styles.moreInfo}
>
{moreInfo === false ? 'More Info' : 'Hide error'} {moreInfo === false ? 'More Info' : 'Hide error'}
</Button> </Button>
<ActionError setError={setError} /> <ActionError setError={setError} />