PropertyTable 생성

src/main/resources/static/css/custom.css

@@ -1952,6 +1952,11 @@ footer div.foot_info span {
     /*max-width: 100%; !* Optional, depending on layout *!*/
 }
 
+.path.editableInput .editableInputContent{
+    border-bottom-left-radius: 0;
+    border-top-left-radius: 0;
+}
+
 .editableInputContent:focus {
     white-space: nowrap;
 }
@@ -1960,6 +1965,27 @@ footer div.foot_info span {
     flex-grow: 0; /* Prevent buttons from growing */
 }
 
-.editableInput .variable {
+.editableInputContent .variable {
     color: red;
 }
+
+/* Property Table*/
+.prop-table {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+}
+
+.prop-table-row {
+    display: flex;
+}
+
+.prop-table-cell {
+    padding: 10px;
+    border: 1px solid #ddd;
+}
+
+.prop-table-header {
+    background-color: #f4f4f4;
+    font-weight: bold;
+}

src/main/resources/static/css/font.css

@@ -1,4 +1,10 @@
 /* 폰트 시작*/
+@font-face {
+    font-family: 'codicon';
+    font-style: normal;
+    font-weight: 400;
+    url(/fonts/codicon.ttf) format('truetype');
+}
 @font-face {
     font-family: 'NanumGothicCoding';
     font-style: normal;
@@ -6,6 +12,7 @@
     local('NanumGothicCoding-Regular'),
     url(/fonts/NanumGothicCoding-Regular.ttf) format('truetype');
 }
+
 @font-face {
     font-family: 'NotoSansKR';
     font-style: normal;