diff --git a/packages/metavinci/src/views/artCreate/index.tsx b/packages/metavinci/src/views/artCreate/index.tsx index da89d04..31edba2 100644 --- a/packages/metavinci/src/views/artCreate/index.tsx +++ b/packages/metavinci/src/views/artCreate/index.tsx @@ -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 }) => { - - + + @@ -155,11 +162,10 @@ const RoyaltiesStep = (props: { confirm: () => void }) => { - - + diff --git a/packages/metavinci/src/views/artCreate/styles.less b/packages/metavinci/src/views/artCreate/styles.less index b851efd..e3695f0 100644 --- a/packages/metavinci/src/views/artCreate/styles.less +++ b/packages/metavinci/src/views/artCreate/styles.less @@ -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; +}