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

fix(layout): improve layout columns for inputs and buttons

Browse source
This commit is contained in:
KostyaDanovsky 2017-09-18 13:40:33 +03:00
parent 3fb1e861af
commit 3d5251eed3
3 changed files with 10 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/app/pages/dashboard/security-cameras/security-cameras.component.html
View file

@ -19,7 +19,7 @@
</div>
</div>
<div class="cameras" *ngIf="!isSingleView">
<div class="camera col-sm-6 col-xs-12" *ngFor="let camera of cameras" [style.background-image]="'url(' + camera.source + ')'"
<div class="camera col-sm-6" *ngFor="let camera of cameras" [style.background-image]="'url(' + camera.source + ')'"
(click)="selectCamera(camera)">
<span>{{ camera.title }}</span>
</div>

16
src/app/pages/forms/form-inputs/form-inputs.component.html
View file

@ -7,10 +7,10 @@
<input type="text" placeholder="Project" class="form-control"/>
</div>
<div class="row full-name-inputs">
<div class="col-xs-12 col-sm-6 input-group">
<div class="col-sm-6 input-group">
<input type="text" placeholder="Nick" class="form-control"/>
</div>
<div class="col-xs-12 col-sm-6 input-group">
<div class="col-sm-6 input-group">
<input type="text" placeholder="Last Name" class="form-control"/>
</div>
</div>
@ -145,9 +145,9 @@
<input type="text" placeholder="Input with Danger" class="form-control form-control-danger">
</div>
<div class="form-group validation-checkboxes row">
<nb-checkbox status="success" class="col-xs-4">Checkbox with Success</nb-checkbox>
<nb-checkbox status="warning" class="col-xs-4">Checkbox with Warning</nb-checkbox>
<nb-checkbox status="danger" class="col-xs-4">Checkbox with Danger</nb-checkbox>
<nb-checkbox status="success" class="col-sm-4">Checkbox with Success</nb-checkbox>
<nb-checkbox status="warning" class="col-sm-4">Checkbox with Warning</nb-checkbox>
<nb-checkbox status="danger" class="col-sm-4">Checkbox with Danger</nb-checkbox>
</div>
<div class="form-group has-success">
<input type="text" placeholder="Input with Success Icon" class="form-control form-control-success">
@ -165,7 +165,7 @@
<nb-card-header>Checkboxes & Radios</nb-card-header>
<nb-card-body>
<div class="row demo-checkboxes-radio">
<div class="demo-checkboxes col-xs-4">
<div class="demo-checkboxes col-sm-4">
<nb-checkbox>Checkbox 1</nb-checkbox>
<nb-checkbox [value]="true">Checkbox 2</nb-checkbox>
<label class="custom-control custom-checkbox">
@ -174,7 +174,7 @@
<span class="custom-control-description">Bootstrap Checkbox</span>
</label>
</div>
<div class="demo-radio col-xs-4">
<div class="demo-radio col-sm-4">
<label class="custom-control custom-radio">
<input type="radio" class="custom-control-input" name="customRadio">
<span class="custom-control-indicator"></span>
@ -191,7 +191,7 @@
<span class="custom-control-description">Radio 3</span>
</label>
</div>
<div class="demo-disabled-checkbox-radio col-xs-4">
<div class="demo-disabled-checkbox-radio col-sm-4">
<nb-checkbox disabled>Disabled Checkbox</nb-checkbox>
<label class="custom-control custom-radio">
<input type="radio" class="custom-control-input" disabled>

2
src/app/pages/ui-features/buttons/hero-buttons/hero-buttons.component.html
View file

@ -2,7 +2,7 @@
<nb-card-header>Hero Buttons</nb-card-header>
<nb-card-body>
<div class="row">
<div class="example-container col-xs-12 col-sm-6 col-md-4 col-xl-3 col-xxxl-2" *ngFor="let hb of settings">
<div class="example-container col-sm-6 col-md-4 col-xl-3 col-xxxl-2" *ngFor="let hb of settings">
<div class="container-title">
<span>{{ hb.title }}</span>
</div>