Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2026-03-06 05:40:17 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(demo): fix button sizes, fix modals

Browse source
This commit is contained in:
KostyaDanovsky 2017-07-17 19:43:25 +03:00
parent b9e03cf8cd
commit 3ddf619592
11 changed files with 105 additions and 92 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,50 +1,49 @@
<nga-card>
<nga-card-header>Button Sizes</nga-card-header>
<nga-card-body>
<div class="row">
<div class="size-container col-md-3">
<div class="container-title">
<span>Rectangle Button</span>
</div>
<div class="subheader">
<span>1.25rem 1.75rem</span>
</div>
<div>
<button class="btn btn-primary btn-lg">Large Button</button>
</div>
<div class="size-container">
<div class="container-title">
<span>Large Button</span>
</div>
<div class="size-container col-md-3">
<div class="container-title">
<span>Medium Button</span>
</div>
<div class="subheader">
<span>1rem 1.5rem</span>
</div>
<div>
<button class="btn btn-primary btn-md">Medium Button</button>
</div>
<div class="subheader">
<span>0.875rem 1.75rem</span>
</div>
<div class="size-container col-md-3">
<div class="container-title">
<span>Small Button</span>
</div>
<div class="subheader">
<span>0.875rem 1.5rem</span>
</div>
<div>
<button class="btn btn-primary btn-sm">Small Button</button>
</div>
<div>
<button class="btn btn-primary btn-lg">Large Button</button>
</div>
<div class="size-container col-md-3">
<div class="container-title">
<span>Tiny Button</span>
</div>
<div class="subheader">
<span>0.625rem 1.25rem</span>
</div>
<div>
<button class="btn btn-primary btn-tn">Tiny</button>
</div>
</div>
<div class="size-container">
<div class="container-title">
<span>Medium Button</span>
</div>
<div class="subheader">
<span>0.75rem 1.5rem</span>
</div>
<div>
<button class="btn btn-primary btn-md">Medium Button</button>
</div>
</div>
<div class="size-container">
<div class="container-title">
<span>Small Button</span>
</div>
<div class="subheader">
<span>0.675rem 1.5rem</span>
</div>
<div>
<button class="btn btn-primary btn-sm">Small Button</button>
</div>
</div>
<div class="size-container">
<div class="container-title">
<span>Tiny Button</span>
</div>
<div class="subheader">
<span>0.5rem 1.25rem</span>
</div>
<div>
<button class="btn btn-primary btn-tn">Tiny</button>
</div>
</div>
</nga-card-body>

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

@ -2,6 +2,12 @@
@import '~@akveo/nga-theme/styles/global/bootstrap/buttons';
@include nga-install-component() {
.size-container {
display: inline-block;
margin: 0 1rem 1rem 0;
}
.subheader {
margin-bottom: 1rem;
color: nga-theme(color-fg-heading);