min-width setting in header

naopeke · Apr 3, 2024 · c7ecf00 · c7ecf00
1 parent e96625c
commit c7ecf00
Show file tree

Hide file tree

Showing 8 changed files with 15 additions and 13 deletions.
diff --git a/src/app/components/header/header.component.html b/src/app/components/header/header.component.html
@@ -4,14 +4,13 @@
     </div>
 
     <div class="dropdown">
-
         <button class="button_lateral" *ngIf="!usersService.isLoginSubject.value" routerLink="register">
             <span *ngIf="!isSmallScreen; else mobileIcon">Iniciar sesión</span>
             <ng-template #mobileIcon>
                 <mat-icon>input</mat-icon>
             </ng-template>
         </button>
-        <!-- <button class="button_lateral desktop-icon" routerLink="register"  *ngIf="!usersService.isLoginSubject.value">Iniciar sesión</button> -->
+
         <button class="button_lateral dropdown-toggle" (click)="modal_visible = !modal_visible" *ngIf="usersService.isLoginSubject.value">{{ currentUser?.nameUser }}</button>
         <div *ngIf="modal_visible" class="dropdown-child">
             <!-- Crar un espacio de ruptura (&nbsp) -->

diff --git a/src/app/pages/about/about.component.css b/src/app/pages/about/about.component.css
@@ -6,7 +6,8 @@
 
 section{
     display: block;
-    min-width: 900px;
+    width: 100%; /*importante*/
+    min-width: 900px; /*importante*/
     background-color: black;
 }
 

diff --git a/src/app/pages/calendario/calendario.component.css b/src/app/pages/calendario/calendario.component.css
@@ -2,7 +2,8 @@
     background-image: url('src/assets/images/calendario/fondoCastillo.png');
     background-size: cover;
     background-repeat: no-repeat;
-    width: 100%;
+    width: 100%; /*importante*/
+    min-width: 900px; /*importante*/
     height: 1400px;
     display: flex;
     justify-content: center;

diff --git a/src/app/pages/evento/evento.component.css b/src/app/pages/evento/evento.component.css
@@ -3,8 +3,8 @@
   padding: 0;
 }
 #divfondo{
-  width: 100%;
-  min-width: 900px; /*super importante*/
+  width: 100%; /*importante*/
+  min-width: 900px; /*importante*/
   padding-bottom: 30px;
   min-height: 1000px;
   background-image: url("../../../assets/images/fondos/fondo_evento.png");

diff --git a/src/app/pages/explora/explora.component.css b/src/app/pages/explora/explora.component.css
@@ -1,6 +1,6 @@
 .mainExplora{
-    width: 100%;
-    min-width: 900px;
+    width: 100%; /*importante*/
+    min-width: 900px; /*importante*/
     display: flex;
     flex-direction: column;
 

diff --git a/src/app/pages/home/home.component.css b/src/app/pages/home/home.component.css
@@ -1,8 +1,8 @@
 
 
 .mainHome{
-  width: 100%;
-  min-width: 900px;
+  width: 100%; /*importante*/
+  min-width: 900px; /*importante*/
   height: 1000px;
   display: flex;
   align-items: center;

diff --git a/src/app/pages/landing-page/landing-page.component.css b/src/app/pages/landing-page/landing-page.component.css
@@ -1,7 +1,7 @@
 section{
     display: block;
-    width: 100%;
-    min-width: 699px;
+    width: 100%; /*importante*/
+    min-width: 699px; /*importante*/
 }
 
 .principal{

diff --git a/src/app/pages/profile/profile.component.css b/src/app/pages/profile/profile.component.css
@@ -1,5 +1,6 @@
 .mainPerfil{
-    width: 100%;
+    width: 100%; /*importante*/
+    min-width: 900px; /*importante*/
     height: 1000px;
 
     display: flex;