Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-23 02:40:14 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(buttons): improve buttons styles for default theme

Browse source
This commit is contained in:
KostyaDanovsky 2017-08-23 20:08:41 +03:00
parent fd37cd7a76
commit 7e86c985cb
13 changed files with 344 additions and 275 deletions
Download patch file Download diff file Expand all files Collapse all files

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

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

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

@ -2,13 +2,18 @@
@import '~@nebular/theme/components/card/card.component.theme';
@include nb-install-component() {
.action-groups {
nb-card-body {
display: flex;
align-items: center;
}
.action-groups-header {
flex: 1;
@include nb-card-header();
color: nb-theme(card-header-fg-heading);
font-family: nb-theme(card-header-font-family);
font-size: nb-theme(card-header-font-size);
font-weight: nb-theme(card-header-font-weight);
}
}