properties view finished, next is wiring

chinonso098 · Sep 25, 2024 · 14be6f8 · 14be6f8
1 parent 260cf86
commit 14be6f8
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 23 deletions.
diff --git a/src/app/shared/system-component/dialog/dialog.component.css b/src/app/shared/system-component/dialog/dialog.component.css
@@ -177,8 +177,8 @@ right: 0;
     height: 45px;
 }
 
-  /* Custom styles for .btn.btn-primary */
-  .btn.btn-primary {
+/* Custom styles for .btn.btn-primary */
+.btn.btn-primary {
     background-color: #e5e5e5; /* Primary button background color */
     color: #000; /* Text color for the primary button */
     border: 2px solid #0265ce; /* Border color for the primary button */
@@ -187,12 +187,9 @@ right: 0;
     font-weight: normal;
     height: 24px;
     width: 65px;
-  }
-
-
+}
 
   /*Info Notifivation*/
-
 .info-dialog-main-container{
     width: 400px;
     height: 130px;
@@ -205,7 +202,6 @@ right: 0;
 }
 
   /*Mid Info */
-
 .info-dialog-mid-img1{
     width: fit-content;
     height: 80px;

diff --git a/src/app/shared/system-component/properties/properties.component.css b/src/app/shared/system-component/properties/properties.component.css
@@ -11,7 +11,7 @@
     outline: 1px hsl(0deg 0% 20%/70%);
     z-index: 2;
     width: 325px;
-    height: 500px;
+    height: 460px;
 }
 
 
@@ -93,7 +93,6 @@
 }
 
 
-
 .properties-body-container{
     width: 100%;
     background-color: #f0f0f0;
@@ -211,8 +210,11 @@
 .general-tab-p{
     position: relative;
     top: 30%;
+    font-size:11px;
+    font-weight:normal;
     text-align: left;
-    border: 1px solid #333;
+    padding: 3px 0;
+    border: 0.5px solid #000;
 }
 
 .general-tab-p1{
@@ -227,26 +229,36 @@
 .general-tab-figure{
     align-items: center;
     display:inline-flex;
-    width: 38px;
-    height: 38px;
+    width: 36px;
+    height: 36px;
 }
 
 .general-tab-img{
-    height: 38px;
-    width: 38px;
+    height: 36px;
+    width: 36px;
     image-rendering:optimizeQuality;
     position: relative;
     margin: 0 0;
     left: -12px;
 }
 
-
-
-
 .properties-footer-container{
     width: 100%;
-}
+    height: 40px;
+    background-color: #f0f0f0;
 
+}
 
+/* Custom styles for .btn.btn-primary */
+.btn.btn-primary {
+    background-color: #e5e5e5; /* Primary button background color */
+    color: #000; /* Text color for the primary button */
+    border: 2px solid #0265ce; /* Border color for the primary button */
+    padding: 2px 20px; /* Padding for the primary button (adjust as needed) */
+    font-size: 12px; /* Font size for the text */
+    font-weight: normal;
+    height: 24px;
+    width: 65px;
+}
 
 
diff --git a/src/app/shared/system-component/properties/properties.component.html b/src/app/shared/system-component/properties/properties.component.html
@@ -24,7 +24,6 @@ <h1 class="properties-h1">
         <div class="properties-header-tab-container">
             <div class="properties-header-tabs">
               <div class="properties-tab active">General</div>
-              <div class="properties-tab">Details</div>
             </div>
 
             <div class="properties-header-tab-content-container">
@@ -98,15 +97,19 @@ <h1 class="properties-h1">
                             </div>
                         </div>
                         <div class="general-tab-line-container"><div class="general-tab-line"></div></div>
+                        <div class="general-tab-section2">
+                            <div style="width: 100%; height: 60px;"> </div>
+                        </div>
                     </div>
                 </div>
-                <div class="properties-tab-pane">
-                  <!-- Content for Tab 2 -->
-                </div>
             </div>
         </div> 
     </div>
     <div class="properties-footer-container">
-
+        <span style="position: fixed; margin-top:9px; right:4%;">
+            <button class="btn btn-primary" (click)="onCloseDialogBox()" >
+              OK
+            </button>
+        </span>
     </div>
 </div>