Visual hotfix

iwokonl · May 13, 2024 · 24b1dce · 24b1dce
1 parent 0fdfdbd
commit 24b1dce
Show file tree

Hide file tree

Showing 3 changed files with 94 additions and 13 deletions.
diff --git a/Front/kantor-angular/src/app/sidebar-left/sidebar-left.component.html b/Front/kantor-angular/src/app/sidebar-left/sidebar-left.component.html
@@ -2,7 +2,7 @@
 
   <div class="nav-list">
     <a class="navbar-brand" routerLink="/">
-      <img src="assets/logo.svg" alt="Kantor Walut">
+      <img class="logo" src="assets/logo.svg" alt="Kantor Walut">
     </a>
     <a class="nav-item nav-link text-class" routerLink="/" routerLinkActive="active-icon" [routerLinkActiveOptions]="{exact: true}">
       <img *ngIf="router.url === '/'; else inactiveHomeIcon" class="icons-kantor active-icon"
@@ -51,7 +51,7 @@
     </div>
   </div>
 
-  <div class="nav-bottom">
+  <div class="nav-bottom text-bottom-left-sidebar">
     <ng-container *ngIf="isLoggedIn; else notLoggedIn">
       <a class="nav-item nav-link text-class" routerLink="/settings" routerLinkActive="active-icon">
         <img *ngIf="router.url === '/settings'; else inactiveSettingsIcon" class="icons-kantor active-icon"

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
@@ -20,10 +20,17 @@
   flex-direction: column;
   align-items: center;
 }
-
+.logo{
+  margin-left: -16px !important;
+  margin-top: 38px;
+}
 .text-class {
   align-self: flex-start;
-  margin-left: 40px;
+  margin-left: 55px;
+}
+
+.text-bottom-left-sidebar{
+  margin-bottom: 45px;
 }
 .active-icon {
   color: #5FE5EE; // Zastąp '#your-color' kolorem, na który chcesz zmienić