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

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

View file

@ -1,85 +1,33 @@
<div class="row">
<div class="col-3 col-md-3">
<div class="col-md-12">
<nga-card>
<nga-card-header>
Flat buttons
</nga-card-header>
<nga-card-header>Hero Buttons</nga-card-header>
<nga-card-body>
<ngx-flat-buttons class="button-panel"></ngx-flat-buttons>
<ngx-hero-buttons></ngx-hero-buttons>
</nga-card-body>
</nga-card>
</div>
<div class="col-3 col-md-3">
<div class="col-md-6">
<nga-card>
<nga-card-header>
Raised buttons
</nga-card-header>
<nga-card-header>Button Shapes</nga-card-header>
<nga-card-body>
<ngx-raised-buttons class="button-panel"></ngx-raised-buttons>
<ngx-shape-buttons></ngx-shape-buttons>
</nga-card-body>
</nga-card>
</div>
<div class="col-3 col-md-3">
<div class="col-md-6">
<nga-card>
<nga-card-header>
Different sizes
</nga-card-header>
<nga-card-header>Button Sizes</nga-card-header>
<nga-card-body>
<ngx-sized-buttons class="button-panel df-size-button-panel"></ngx-sized-buttons>
<ngx-size-buttons></ngx-size-buttons>
</nga-card-body>
</nga-card>
</div>
<div class="col-3 col-md-3">
<div class="col-md-6">
<nga-card>
<nga-card-header>
Disabled
</nga-card-header>
<nga-card-header>Default Buttons</nga-card-header>
<nga-card-body>
<ngx-disabled-buttons class="button-panel"></ngx-disabled-buttons>
</nga-card-body>
</nga-card>
</div>
</div>
<div class="row">
<div class="col-6 col-md-6">
<nga-card>
<nga-card-header>
Icon buttons
</nga-card-header>
<nga-card-body>
<ngx-icon-buttons></ngx-icon-buttons>
</nga-card-body>
</nga-card>
</div>
<div class="col-6 col-md-6">
<nga-card>
<nga-card-header>
Button dropdowns
</nga-card-header>
<nga-card-body>
<ngx-dropdown-buttons></ngx-dropdown-buttons>
</nga-card-body>
</nga-card>
</div>
</div>
<div class="row">
<div class="col-6 col-md-6">
<nga-card>
<nga-card-header>
Large buttons
</nga-card-header>
<nga-card-body>
<ngx-large-buttons class="large-buttons-panel"></ngx-large-buttons>
</nga-card-body>
</nga-card>
</div>
<div class="col-6 col-md-6">
<nga-card>
<nga-card-header>
Button groups
</nga-card-header>
<nga-card-body>
<ngx-group-buttons></ngx-group-buttons>
<ngx-default-buttons></ngx-default-buttons>
</nga-card-body>
</nga-card>
</div>