mirror of
https://github.com/oceanprotocol/market.git
synced 2024-11-14 09:14:52 +01:00
style tweaks
This commit is contained in:
parent
8ab2e72970
commit
f9c71174b8
@ -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 {
|
||||
|
@ -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);
|
||||
}
|
||||
|
@ -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
|
||||
|
Loading…
Reference in New Issue
Block a user