mirror of https://github.com/certusone/oyster.git
feat: style
This commit is contained in:
parent
3c4def9c5e
commit
ec972d63a2
|
@ -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>
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue