update ux

hnslopez · May 16, 2024 · 1d98258 · 1d98258
1 parent a01add8
commit 1d98258
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 5 deletions.
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
@@ -1,4 +1,5 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, Inject, LOCALE_ID } from '@angular/core';
+
 import { Title } from '@angular/platform-browser';
 import { TranslateService } from '@ngx-translate/core';
 import { Application } from '@splinetool/runtime';
@@ -16,11 +17,13 @@ export class AppComponent implements OnInit {
   title = 'Portafolio';
   loading = true;
 
-  constructor(public translate: TranslateService, private router: Router, private titleService: Title) {
+  constructor(public translate: TranslateService, private router: Router, private titleService: Title, @Inject(LOCALE_ID) private locale: string) {
     let defaultLenguage = localStorage.getItem('locale') || 'es';
+    console.log('Idioma del navegador:', this.locale);
 
 
     if (!['es', 'en'].includes(defaultLenguage)) {
+
       defaultLenguage = 'es';
       localStorage.setItem('locale', defaultLenguage);
     }
@@ -41,7 +44,6 @@ export class AppComponent implements OnInit {
 
   ngOnInit(): void {
 
-    console.log( window.matchMedia('(prefers-color-scheme: dark)').matches);
 
 
     this.router.events.pipe(

diff --git a/src/app/shared/components/navbar/navbar.component.css b/src/app/shared/components/navbar/navbar.component.css
@@ -1,5 +1,5 @@
 .toc-affix {
   position: absolute;
   top: 80px;
-  left: 0px;
+  right: 0px;
 }
diff --git a/src/app/shared/components/navbar/navbar.component.html b/src/app/shared/components/navbar/navbar.component.html
@@ -15,7 +15,7 @@ <h6>
 
 <ng-template #navbarMobile>
   <nz-affix class="toc-affix" [nzOffsetTop]="80" >
-    <button nz-button nzType="default" (click)="open()" style="height: 40px; width: 40px; border-left: 0px;">
+    <button nz-button nzType="default" (click)="open()" style="height: 40px; width: 40px; border-right: 0px;">
       <span nz-icon [nzType]="isOpen() ? 'menu-unfold' : 'menu-fold'"></span>
     </button>
   </nz-affix>