lreiner

# Your init script
#
# Atom will evaluate this file each time a new window is opened. It is run
# after packages are loaded/activated and after the previous editor state
# has been restored.
#
# An example hack to log to the console when each text editor is saved.
#
# atom.workspace.observeTextEditors (editor) ->
#   editor.onDidSave ->

lreiner

  
import { Component } from '@angular/core';
import { ProfilePage } from '../profile/profile';
import { ExplorePage } from '../explore/explore';
import { SearchPage } from '../search/search';
import { QuestionsPage } from '../questions/questions';
import { NotificationsPage } from '../notifications/notifications';

@Component({
  selector: 'page-tabs',

lreiner

page-tabs {
    .tabs .tabbar {
        background: #121212;
        width: 90% !important;
        max-width: 400px !important;
        border-radius: 30px;
        margin: 0px 0px 20px 5% !important;
        max-height: 56px;
        height: 56px;
    }

lreiner

<ion-tabs>
  <ion-tab tabIcon="md-flame" [root]="tab1"></ion-tab>
  <ion-tab tabIcon="md-search" [root]="tab2"></ion-tab>
  <ion-tab tabIcon="md-add" [root]="tab3" class="custom-tab"></ion-tab>
  <ion-tab tabIcon="md-notifications-outline" [root]="tab4" tabBadge="3"></ion-tab>
  <ion-tab tabIcon="custom-profile" [root]="tab5"></ion-tab>
</ion-tabs>