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 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 { InboxOutlined } from '@ant-design/icons';
import { ArtCard } from './../../components/ArtCard'; import { ArtCard } from './../../components/ArtCard';
import './styles.less'; import './styles.less';
@ -127,11 +127,18 @@ const InfoStep = (props: { confirm: () => void }) => {
<ArtCard /> <ArtCard />
</Col> </Col>
<Col className="section" xl={12}> <Col className="section" xl={12}>
<Input className="input" placeholder="Title" /> <label className="action-field">
<Input.TextArea <span className="field-title">Title</span>
className="input textarea" <Input className="input" placeholder="Max 50 characters" allowClear />
placeholder="Description" </label>
/> <label className="action-field">
<span className="field-title">Description</span>
<Input.TextArea
className="input textarea"
placeholder="Max 500 characters"
allowClear
/>
</label>
</Col> </Col>
</Row> </Row>
<Row> <Row>
@ -155,11 +162,10 @@ const RoyaltiesStep = (props: { confirm: () => void }) => {
<ArtCard /> <ArtCard />
</Col> </Col>
<Col className="section" xl={12}> <Col className="section" xl={12}>
<Input className="input" placeholder="Title" /> <label className="action-field">
<Input.TextArea <span className="field-title">Description</span>
className="input textarea" <Input className="input" placeholder="Max 50 characters" allowClear />
placeholder="Description" </label>
/>
</Col> </Col>
</Row> </Row>
<Row> <Row>

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

@ -42,9 +42,8 @@
} }
.input { .input {
background: #F7F7F7; background: #282828;
border-radius: 8px; border-radius: 8px;
margin: 10px 0px;
padding: 10px; padding: 10px;
border-width: 0px; border-width: 0px;
} }
@ -134,3 +133,28 @@
margin-bottom: 50px; 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;
}