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

refactor(theme): theme refactor, buttons, toaster, preloader

Browse source
This commit is contained in:
Dmitry Nehaychik 2017-06-02 12:43:23 +03:00
parent d5f69647aa
commit 59ef144716
77 changed files with 1324 additions and 954 deletions
Download patch file Download diff file Expand all files Collapse all files

38
src/app/pages/ui-features/buttons/shape-buttons/shape-buttons.component.html Normal file
View file

@ -0,0 +1,38 @@
<div class="row">
<div class="col-md-4">
<div class="btn-shape-name">
<span>Rectangle Button</span>
</div>
<div class="btn-shape-details">
<span>Border radius:</span>
<span>4px</span>
</div>
<div>
<button class="btn btn-primary btn-rectangle btn-demo">Rectangle</button>
</div>
</div>
<div class="col-md-4">
<div class="btn-shape-name">
<span>Semi-round Button</span>
</div>
<div class="btn-shape-details">
<span>Border radius:</span>
<span>12px</span>
</div>
<div>
<button class="btn btn-primary btn-semi-round btn-demo">Semi-round</button>
</div>
</div>
<div class="col-md-4">
<div class="btn-shape-name">
<span>Rounded Button</span>
</div>
<div class="btn-shape-details">
<span>Border radius:</span>
<span>round</span>
</div>
<div>
<button class="btn btn-primary btn-round btn-demo">Round</button>
</div>
</div>
</div>

11
src/app/pages/ui-features/buttons/shape-buttons/shape-buttons.component.scss Normal file
View file

@ -0,0 +1,11 @@
.btn-shape-name {
margin-bottom: 7px;
}
.btn-shape-details {
margin-bottom: 19px;
span:nth-child(2) {
color: #ffffff;
}
}

9
src/app/pages/ui-features/buttons/shape-buttons/shape-buttons.component.ts Normal file
View file

@ -0,0 +1,9 @@
import { Component } from '@angular/core';
@Component({
selector: 'ngx-shape-buttons',
styleUrls: ['./shape-buttons.component.scss'],
templateUrl: './shape-buttons.component.html',
})
export class ShapeButtonsComponent {
}