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

refactor(buttons): fix button styles

Browse source
This commit is contained in:
Alexander Zhukov 2017-06-07 14:14:57 +03:00
parent 6e89b96316
commit 0420354b9c
18 changed files with 613 additions and 1243 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,38 +1,43 @@
<div class="row">
<div class="shape-container col-md-4">
<div class="header">
<span>Rectangle Button</span>
<nga-card>
<nga-card-header>Button Shapes</nga-card-header>
<nga-card-body>
<div class="row">
<div class="shape-container col-md-4">
<div class="header">
<span>Rectangle Button</span>
</div>
<div class="subheader">
<span>Border radius:</span>
<span>4px</span>
</div>
<div>
<button class="btn btn-primary btn-rectangle btn-demo">Rectangle</button>
</div>
</div>
<div class="shape-container col-md-4">
<div class="header">
<span>Semi-round Button</span>
</div>
<div class="subheader">
<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="shape-container col-md-4">
<div class="header">
<span>Rounded Button</span>
</div>
<div class="subheader">
<span>Border radius:</span>
<span>round</span>
</div>
<div>
<button class="btn btn-primary btn-round btn-demo">Round</button>
</div>
</div>
</div>
<div class="subheader">
<span>Border radius:</span>
<span>4px</span>
</div>
<div>
<button class="btn btn-primary btn-rectangle btn-demo">Rectangle</button>
</div>
</div>
<div class="shape-container col-md-4">
<div class="header">
<span>Semi-round Button</span>
</div>
<div class="subheader">
<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="shape-container col-md-4">
<div class="header">
<span>Rounded Button</span>
</div>
<div class="subheader">
<span>Border radius:</span>
<span>round</span>
</div>
<div>
<button class="btn btn-primary btn-round btn-demo">Round</button>
</div>
</div>
</div>
</nga-card-body>
</nga-card>