fix: change menu postion based on platform

src/app/home/home.page.html

@@ -1,5 +1,7 @@
 
 <ion-tabs class="tab" >
+  <div *ngIf="this.platform.is('mobile')">
+
   <ion-tab-bar *ngIf="p.userPermissionCount([permissionList.Agenda.access, permissionList.Gabinete.access, permissionList.Actions.access, permissionList.Chat.access]) >= 2 || (p.userPermission([permissionList.Agenda.access]) &&  loggeduser.OwnerCalendars.length != 0) || p.userPermission([permissionList.Gabinete.access])" class="bottoms" slot="bottom">
 
       <ion-tab-button *ngIf="loggeduser.OwnerCalendars.length >= 1 || p.userPermission([permissionList.Gabinete.access])" tab="events" [class.active]="pathname === '/home/events'">
@@ -39,5 +41,8 @@
       </ion-tab-button>
 
   </ion-tab-bar>
+
+</div>
 </ion-tabs>
+
 <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet">

src/app/home/home.page.scss

@@ -40,12 +40,12 @@ ion-badge {/*  */
 }
 
 
-@media only screen and (min-width: 1366px) {
+// @media only screen and (min-width: 1366px) {
 
-  ion-tabs.tab .bottoms{
-    display: none;
-  }
-}
+//   ion-tabs.tab .bottoms{
+//     display: none;
+//   }
+// }
 
 
 ion-tab-button.active{

src/app/home/home.page.ts

@@ -87,13 +87,13 @@ export class HomePage implements OnInit {
   public user: UserSession;
   permissionList = new PermissionList();
   loggeduser: LoginUserRespose;
-  
+
 
   constructor(
     private router: Router,
     public modalCtrl: AlertController,
     private notificationsService: NotificationsService,
-    private platform: Platform,
+    public platform: Platform,
     private activeroute: ActivatedRoute,
     /* private webnotification: WebNotificationsService, */
     public p: PermissionService,

src/app/shared/header/header.page.html

@@ -47,7 +47,7 @@
       </div>
     </div>
 
-    <div class="desktop mx-20">
+    <div *ngIf="this.platform.is('desktop')" class="desktop mx-20">
       <div class="d-flex justify-space-between align-center">
         <div tab="events" class="div-logo height-fit-content">
           <div class="logo-icon">
@@ -169,6 +169,7 @@
       </div>
 
     </div>
+
   </div>
   <div class="header-bottom-line"></div>
   <!-- {{ RouteService.history | json }} -->

src/app/shared/header/header.page.scss

@@ -121,16 +121,22 @@
   display: none;
 }
 
-@media only screen and (min-width: 1366px) {
+// @media only screen and (min-width: 1366px) {
 
-  .mobile{
-    display: none !important;
-  }
-  .desktop{
-    display: block;
-  }
+//   .mobile{
+//     display: none !important;
+//   }
+//   .desktop{
+//     display: block;
+//   }
 
-}
+// }
+.mobile{
+      display: none !important;
+    }
+    .desktop{
+      display: block;
+    }
 
 .tab{
   height: 65px;

src/app/shared/header/header.page.ts

@@ -39,7 +39,7 @@ export class HeaderPage implements OnInit {
     private modalController: ModalController,
     private animationController: AnimationController,
     private storageservice: StorageService,
-    private platform: Platform,
+    public platform: Platform,
     //private notificationsService: NotificationsService,
     private eventrigger: EventTrigger,
     public ThemeService: ThemeService,