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;
+}