add: add item window(only done the title bar)

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

@@ -181,3 +181,45 @@ body {
 .table-items-container .delete-item-button {
     cursor: pointer;
 }
+
+.add-item-dialog {
+    width: 60vw;
+    height: 70vh;
+    margin: auto;
+    border: none;
+    background-color: #f2f2f2f7;
+    border-top-left-radius: 20px;
+    border-top-right-radius: 20px;
+    border-bottom-left-radius: 10px;
+    border-bottom-right-radius: 10px;
+}
+
+.add-item-dialog .title-bar-container {
+    height: 60px;
+    background-color: #68686869;
+    padding-left: 10px;
+    padding-right: 10px;
+    display: flex;
+    align-items: center;
+}
+
+.add-item-dialog .title-bar-container .close-button {
+    width: 25px;
+    height: 25px;
+    border-radius: 180px;
+    margin-left: 8px;
+    background-color: #d56161;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.add-item-dialog .title-bar-container .close-button:hover::after {
+    content: "\2A2F";
+}
+
+.add-item-dialog .title-bar-container .title {
+    position: absolute;
+    left: 50%;
+    transform: translate(-50%, 0%);
+}