1
0
mirror of https://github.com/oceanprotocol/market.git synced 2024-06-29 00:57:50 +02:00

style tweaks

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

View File

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

View File

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

View File

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