search bar and sidebar changes

- fixed search bar showing under other components - changed view of sidebar to more responsive
iwokonl · May 14, 2024 · dadf6a5 · dadf6a5
1 parent 144e3c8
commit dadf6a5
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 10 deletions.
diff --git a/Front/kantor-angular/src/app/currency-account/currency-account.component.html b/Front/kantor-angular/src/app/currency-account/currency-account.component.html
@@ -72,8 +72,8 @@ <h1 class="currency-flag">{{ currencyFlags[selectedAccount.currencyCode] }}</h1>
         </div>
         <div class="currency-info-container">
           <div class="currency-info">
-            <p>{{ selectedAccount.currencyCode }}</p>
-            <p>{{ selectedAccount.currencyName }}</p>
+            <p class="currency-code">{{ selectedAccount.currencyCode }}</p>
+            <p class="currency-name">{{ selectedAccount.currencyName }}</p>
           </div>
         </div>
       </div>

diff --git a/Front/kantor-angular/src/app/currency-account/currency-account.component.scss b/Front/kantor-angular/src/app/currency-account/currency-account.component.scss
@@ -4,7 +4,7 @@
   margin-left: 25vw;
   margin-top: 0px;
   margin-right: 20px;
-  height: 85vh
+  height: 89vh;
 }
 
 .selected-account-container {
@@ -38,16 +38,30 @@
       display: flex;
       flex-direction: row;
 
+      .currency-flag {
+        font-size: 6vw;
+
+      }
       .currency-flag-container {
         flex: 1;
-        width: 50px; // adjust this value as needed
-        // styles for the currency flag container
+        height: 6vh;
+        width: 6vw;
       }
 
       .currency-info-container {
         flex: 1;
-        width: 110px; // adjust this value as needed
-        // styles for the currency info container
+        width: 100%;
+        font-size: 2vw;
+        margin-bottom: 0;
+        margin-left: 10%;
+      }
+      .currency-name{
+        margin-bottom:0;
+      }
+      .currency-code{
+        margin-top: 1vh;
+        margin-bottom:0;
+        height: 3.5vh;
       }
     }
   }

diff --git a/Front/kantor-angular/src/app/header/header.component.scss b/Front/kantor-angular/src/app/header/header.component.scss
@@ -54,7 +54,7 @@
 
   background-color: transparent !important;
   //background: linear-gradient(94deg, rgba(255, 255, 255, 0.04) 12.6%, rgba(255, 255, 255, 0.02) 100.13%);
-  backdrop-filter: blur(0px);
+  //backdrop-filter: blur(0px);
 
   a, p, span, h1, h2, h3, h4, h5, h6 {
     color: #DBDBDB !important;

diff --git a/Front/kantor-angular/src/app/sidebar-left/sidebar-left.component.scss b/Front/kantor-angular/src/app/sidebar-left/sidebar-left.component.scss
@@ -35,13 +35,16 @@ nav-link{
 .navbar-brand{
   margin-bottom: 15%;
   margin-top: 0;
+  margin-right: 20%;
+  width: 60%;
+  height: 20%
 }
 .logo{
   margin-top: 10%;
   flex: 1;
   display: flex;
-  height: 95%;
-  width: 95%;
+  height: 100%;
+  width: 100%;
 }
 .text-class {
   align-self: flex-start;