add: add item window of base

PP-binding/frontend/web/style/index.css

@@ -6,6 +6,7 @@
 :root {
     --color-green: #80c671;
     --color-red: #d56161;
+    --add-item-window-title-height: 60px;
 }
 
 body {
@@ -195,7 +196,7 @@ body {
 }
 
 .add-item-dialog .title-bar-container {
-    height: 60px;
+    height: var(--add-item-window-title-height);
     background-color: #68686869;
     padding-left: 10px;
     padding-right: 10px;
@@ -222,4 +223,28 @@ body {
     position: absolute;
     left: 50%;
     transform: translate(-50%, 0%);
+    font-size: 18px;
+}
+
+.add-item-dialog .main-container {
+    width: 100%;
+    height:calc(100% - var(--add-item-window-title-height) - 10px);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+.add-item-dialog .main-container label{
+    width: 50%;
+    display: flex;
+    justify-content: center;
+    margin-top: 20px;
+}
+.add-item-dialog .main-container label .label{
+    text-align: end;
+    flex: 1;
+}
+
+.add-item-dialog .main-container label .form{
+    flex: 1;
+    margin-left: 10px;
 }