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

fix(ui-features): improve the icon buttons styles (#18)

Browse source
This commit is contained in:
Lex Zhukov 2017-07-20 17:53:17 +03:00 • committed by GitHub
parent f745d4eb43
commit 8127f98f3c
3 changed files with 18 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/app/pages/ui-features/buttons/icon-buttons/icon-buttons.component.html
View file

@ -9,11 +9,11 @@
</button> </button>
<button type="button" class="btn btn-primary">Icon Button</button> <button type="button" class="btn btn-primary">Icon Button</button>
</div> </div>
<div class="btn-group"> <div class="btn-with-icon-example">
<button type="button" class="btn btn-primary btn-group-icon"> <button type="button" class="btn btn-primary btn-with-icon">
<i class="ion-ios-gear-outline"></i> <i class="icon ion-ios-home-outline"></i>
<span>Icon Button</span>
</button> </button>
<button type="button" class="btn btn-primary">Icon Button</button>
</div> </div>
<div class="icon-button-examples"> <div class="icon-button-examples">
<button type="button" class="btn btn-outline-primary btn-icon"> <button type="button" class="btn btn-outline-primary btn-icon">

13
src/app/pages/ui-features/buttons/icon-buttons/icon-buttons.component.scss Normal file
View file

@ -0,0 +1,13 @@
nga-card-body {
div:not(:last-child) {
margin-bottom: 1rem;
}
}
.btn-with-icon-example {
width: 100%;
.btn {
width: 100%;
}
}

1
src/app/pages/ui-features/buttons/icon-buttons/icon-buttons.component.ts
View file

@ -2,6 +2,7 @@ import { Component } from '@angular/core';
@Component({ @Component({
selector: 'ngx-icon-buttons', selector: 'ngx-icon-buttons',
styleUrls: ['./icon-buttons.component.scss'],
templateUrl: './icon-buttons.component.html', templateUrl: './icon-buttons.component.html',
}) })
export class IconButtonsComponent { export class IconButtonsComponent {