New changes to the currency account look

iwokonl · May 14, 2024 · 593fd64 · 593fd64
1 parent dadf6a5
commit 593fd64
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
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
@@ -1,7 +1,7 @@
 .accounts-layout {
   display: flex;
   flex-direction: row;
-  margin-left: 25vw;
+  margin-left: 23vw;
   margin-top: 0px;
   margin-right: 20px;
   height: 89vh;
@@ -43,20 +43,22 @@
 
       }
       .currency-flag-container {
-        flex: 1;
         height: 6vh;
         width: 6vw;
       }
 
       .currency-info-container {
         flex: 1;
-        width: 100%;
+        width: 20vw;
+        height: 5vh;
         font-size: 2vw;
         margin-bottom: 0;
         margin-left: 10%;
       }
       .currency-name{
         margin-bottom:0;
+        margin-top: 1vh;
+        height: 3.5vh;
       }
       .currency-code{
         margin-top: 1vh;
@@ -200,11 +202,14 @@
 }
 
 .custom-card-title {
+  font-size: 3vh;
 }
 
 .custom-card-text {
-    font-family: "Twemoji Country Flags", "Helvetica", serif;
-    color: #DBDBDB;
+  font-family: "Twemoji Country Flags", "Helvetica", serif;
+  color: #DBDBDB;
+  font-size: 1.5rem;
+  margin-bottom: 0.5vh;
 }
 
 .custom-btn {

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
@@ -1,6 +1,7 @@
 .sidebar-left {
   width: 22vw;
   height: 100%;
+  max-width: 400px;
   color: #DBDBDB;
   position: absolute;
   border-right: 2px solid #446475;