Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-24 03:10:13 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(buttons): improve actions group styles

Browse source
This commit is contained in:
Alexander Zhukov 2017-07-24 12:47:40 +03:00
parent 931dfea84e
commit 40129f50fa
8 changed files with 51 additions and 54 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/app/pages/ui-features/buttons/action-groups/action-groups.component.html Normal file
View file

@ -0,0 +1,17 @@
<div class="action-groups">
<div class="action-groups-header">
<span>Action Groups</span>
</div>
<nga-actions size="medium">
<nga-action icon="ion-navicon"></nga-action>
<nga-action>
<nga-search type="rotate-layout"></nga-search>
</nga-action>
<nga-action icon="ion-ios-email-outline"></nga-action>
<nga-action disabled icon="ion-ios-bell-outline"></nga-action>
<nga-action>
<nga-user [menu]="userMenu" name="Han Solo"></nga-user>
</nga-action>
<nga-action icon="ion-ios-gear-outline"></nga-action>
</nga-actions>
</div>

14
src/app/pages/ui-features/buttons/action-groups/action-groups.component.scss Normal file
View file

@ -0,0 +1,14 @@
@import '../../../../@theme/styles/variables';
@import '~@akveo/nga-theme/components/card/card.component.theme';
@include nga-install-component() {
.action-groups {
display: flex;
}
.action-groups-header {
flex: 1;
@include nga-card-header();
}
}

15
src/app/pages/ui-features/buttons/action-groups/action-groups.component.ts Normal file
View file

@ -0,0 +1,15 @@
import { Component } from '@angular/core';
@Component({
selector: 'ngx-action-groups',
styleUrls: ['./action-groups.component.scss'],
templateUrl: './action-groups.component.html',
})
export class ActionGroupsComponent {
userMenu = [{
title: 'Profile',
}, {
title: 'Log out',
}];
}