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

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

46
src/app/pages/ui-features/buttons/size-buttons/size-buttons.component.html Normal file
View file

@ -0,0 +1,46 @@
<div class="row">
<div class="btn-size-container col-md-4">
<div>
<span>Rectangle Button</span>
</div>
<div>
<span>1.25rem 1.75rem</span>
</div>
<div>
<button class="btn btn-primary btn-lg">Large Button</button>
</div>
</div>
<div class="btn-size-container col-md-3">
<div>
<span>Medium Button</span>
</div>
<div>
<span>1rem 1.5rem</span>
</div>
<div>
<button class="btn btn-primary btn-md">Medium Button</button>
</div>
</div>
<div class="btn-size-container col-md-3">
<div>
<span>Small Button</span>
</div>
<div>
<span>0.875rem 1.5rem</span>
</div>
<div>
<button class="btn btn-primary btn-sm">Small Button</button>
</div>
</div>
<div class="btn-size-container col-md-2">
<div>
<span>Tiny Button</span>
</div>
<div>
<span>0.625rem 1.25rem</span>
</div>
<div>
<button class="btn btn-primary btn-tn">Tiny</button>
</div>
</div>
</div>

10
src/app/pages/ui-features/buttons/size-buttons/size-buttons.component.scss Normal file
View file

@ -0,0 +1,10 @@
.btn-size-container {
div:nth-child(1) {
margin-bottom: 7px;
}
div:nth-child(2) {
color: #ffffff;
margin-bottom: 19px;
}
}

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

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