From 4e8f7a4c6934144016ee127bb03c7dba32904e69 Mon Sep 17 00:00:00 2001 From: Morgan McMillian Date: Sun, 18 Nov 2018 19:59:39 -0800 Subject: [PATCH] add icons to main menu --- src/app/app.component.ts | 14 +++++++------- src/app/app.html | 5 +++-- src/app/app.scss | 5 +++++ 3 files changed, 15 insertions(+), 9 deletions(-) diff --git a/src/app/app.component.ts b/src/app/app.component.ts index ceca7eb..cb040d7 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -29,13 +29,13 @@ export class MyApp { // used for an example of ngFor and navigation this.pages = [ - { title: 'Timeline', component: StreamPage, params: {stream: 'personal'} }, - { title: 'Mentions', component: StreamPage, params: {stream: 'mentions'} }, - { title: 'Global', component: StreamPage, params: {stream: 'global'} }, - { title: 'Bookmarks', component: StreamPage, params: {stream: 'bookmarks'} }, - { title: 'Settings', component: SettingsPage, params: {}}, - { title: 'About', component: AboutPage, params: {}}, - { title: 'Logout', component: {}, params: {}}, + { title: 'Timeline', icon: 'home', component: StreamPage, params: {stream: 'personal'} }, + { title: 'Mentions', icon: 'at', component: StreamPage, params: {stream: 'mentions'} }, + { title: 'Global', icon: 'globe', component: StreamPage, params: {stream: 'global'} }, + { title: 'Bookmarks', icon: 'bookmarks', component: StreamPage, params: {stream: 'bookmarks'} }, + { title: 'Settings', icon: 'settings', component: SettingsPage, params: {}}, + { title: 'About', icon: 'information-circle', component: AboutPage, params: {}}, + { title: 'Logout', icon: 'exit', component: {}, params: {}}, ]; } diff --git a/src/app/app.html b/src/app/app.html index b606f7c..8025640 100644 --- a/src/app/app.html +++ b/src/app/app.html @@ -8,7 +8,8 @@ @@ -16,4 +17,4 @@ - \ No newline at end of file + diff --git a/src/app/app.scss b/src/app/app.scss index a967d6f..0f2d693 100644 --- a/src/app/app.scss +++ b/src/app/app.scss @@ -14,3 +14,8 @@ // To declare rules for a specific mode, create a child rule // for the .md, .ios, or .wp mode classes. The mode class is // automatically applied to the element in the app. + +.menuText { + left: 45px; + position: absolute; +}