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

style tweaks

Browse Source
This commit is contained in:
Matthias Kretschmann 2020-07-17 18:13:04 +02:00
parent 8ab2e72970
commit f9c71174b8
Signed by: m
GPG Key ID: 606EEEF3C479A91F
3 changed files with 15 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/molecules/Wallet/Feedback.module.css
View File

@ -1,8 +1,8 @@
.feedback { .feedback {
font-size: var(--font-size-small); font-size: var(--font-size-small);
padding-left: var(--spacer); padding-left: var(--spacer);
padding-top: calc(var(--spacer) / 2); padding-top: calc(var(--spacer) / 1.5);
margin-top: calc(var(--spacer) / 2); margin-top: var(--spacer);
border-top: 1px solid var(--brand-grey-lighter); border-top: 1px solid var(--brand-grey-lighter);
position: relative; position: relative;
width: 100%; width: 100%;
@ -11,7 +11,7 @@
.feedback i { .feedback i {
position: absolute; position: absolute;
left: 0; left: 0;
top: calc(var(--spacer) / 2); top: calc(var(--spacer) / 1.5);
} }
.title { .title {

14
src/components/pages/Publish/Preview.module.css
View File

@ -13,19 +13,25 @@
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
} }
.preview h2 { .previewTitle {
font-size: var(--font-size-h3); font-size: var(--font-size-base);
text-transform: uppercase;
color: var(--color-secondary);
margin-bottom: calc(var(--spacer) / 2); margin-bottom: calc(var(--spacer) / 2);
} }
.preview h3 { .title {
margin-bottom: calc(var(--spacer) / 12); margin-bottom: calc(var(--spacer) / 2);
} }
.preview [class*='MetaItem-module--metaItem'] { .preview [class*='MetaItem-module--metaItem'] {
margin-bottom: calc(var(--spacer) / 2); margin-bottom: calc(var(--spacer) / 2);
} }
.preview [class*='MetaItem-module--metaItem'] h3 {
margin-bottom: calc(var(--spacer) / 12);
}
.file { .file {
margin-bottom: calc(var(--spacer) / 2); margin-bottom: calc(var(--spacer) / 2);
} }

3
src/components/pages/Publish/Preview.tsx
View File

@ -14,8 +14,9 @@ export default function Preview({
}): ReactElement { }): ReactElement {
return ( return (
<div className={styles.preview}> <div className={styles.preview}>
<h2 className={styles.previewTitle}>Preview</h2>
<header> <header>
{values.name && <h2>{values.name}</h2>} {values.name && <h3 className={styles.title}>{values.name}</h3>}
{values.description && <Markdown text={values.description} />} {values.description && <Markdown text={values.description} />}
{values.files && values.files.length && ( {values.files && values.files.length && (
<File <File