certusone
/
oyster
mirror of https://github.com/certusone/oyster.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

feat: style

This commit is contained in:
bartosz-lipinski 2021-04-05 09:53:14 -05:00
parent 3c4def9c5e
commit ec972d63a2
2 changed files with 43 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
packages/metavinci/src/views/artCreate/index.tsx
View File

@ -1,5 +1,5 @@
import React, { useState } from 'react';
import { Steps, Row, Button, Upload, Col, Input, Statistic } from 'antd';
import { Steps, Row, Button, Upload, Col, Input, Statistic, Descriptions } from 'antd';
import { InboxOutlined } from '@ant-design/icons';
import { ArtCard } from './../../components/ArtCard';
import './styles.less';
@ -127,11 +127,18 @@ const InfoStep = (props: { confirm: () => void }) => {
<ArtCard />
</Col>
<Col className="section" xl={12}>
<Input className="input" placeholder="Title" />
<Input.TextArea
className="input textarea"
placeholder="Description"
/>
<label className="action-field">
<span className="field-title">Title</span>
<Input className="input" placeholder="Max 50 characters" allowClear />
</label>
<label className="action-field">
<span className="field-title">Description</span>
<Input.TextArea
className="input textarea"
placeholder="Max 500 characters"
allowClear
/>
</label>
</Col>
</Row>
<Row>
@ -155,11 +162,10 @@ const RoyaltiesStep = (props: { confirm: () => void }) => {
<ArtCard />
</Col>
<Col className="section" xl={12}>
<Input className="input" placeholder="Title" />
<Input.TextArea
className="input textarea"
placeholder="Description"
/>
<label className="action-field">
<span className="field-title">Description</span>
<Input className="input" placeholder="Max 50 characters" allowClear />
</label>
</Col>
</Row>
<Row>

28
packages/metavinci/src/views/artCreate/styles.less
View File

@ -42,9 +42,8 @@
}
.input {
background: #F7F7F7;
background: #282828;
border-radius: 8px;
margin: 10px 0px;
padding: 10px;
border-width: 0px;
}
@ -134,3 +133,28 @@
margin-bottom: 50px;
}
.action-field {
display: flex;
flex-direction: column;
.field-title {
text-align: left;
font-family: Inter;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 22px;
display: flex;
align-items: center;
color: rgba(255, 255, 255, 0.7);
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
margin: 12px 0px;
}
margin-bottom: 30px;
}