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(ui-features, header): refactoring

Browse source
This commit is contained in:
Mikhail Hryb 2017-09-12 18:35:39 +03:00 • committed by KostyaDanovsky
parent 56c1ea5628
commit decad34572
6 changed files with 14 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/app/@theme/components/header/header.component.html
View file

@ -26,9 +26,9 @@
<nb-action>
<nb-user [menu]="userMenu" [name]="user?.name" [picture]="user?.picture"></nb-user>
</nb-action>
<nb-action class="action-item" disabled icon="nb-notifications"></nb-action>
<nb-action class="action-item" icon="nb-email"></nb-action>
<nb-action class="action-item">
<nb-action class="control-item" disabled icon="nb-notifications"></nb-action>
<nb-action class="control-item" icon="nb-email"></nb-action>
<nb-action class="control-item">
<nb-search type="rotate-layout"></nb-search>
</nb-action>
</nb-actions>

8
src/app/@theme/components/header/header.component.scss
View file

@ -31,7 +31,7 @@
width: 50%;
}
.action-item {
.control-item {
display: block;
}
@ -151,12 +151,8 @@
}
}
nb-user /deep/ .user-name {
display: block;
}
@include media-breakpoint-down(md) {
.action-item {
.control-item {
display: none;
}
}

2
src/app/pages/ui-features/buttons/button-groups/button-groups.component.scss
View file

@ -57,7 +57,7 @@
> label {
flex-basis: 10%;
margin: 0 5px 10px 0;
margin: 0 0.25rem 0.5rem 0;
}
}

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

@ -81,18 +81,18 @@
ngx-action-groups /deep/ nb-card-body {
flex-direction: column;
align-items: flex-start;
padding: 0.7rem;
padding: 0.75rem;
nb-action {
padding: 0.6rem;
padding: 0.5rem;
}
.control-icon, .start-search {
font-size: 1.7rem;
font-size: 1.5rem;
}
.user-container {
font-size: 0.7rem;
font-size: 0.75rem;
}
.user-picture {
@ -101,7 +101,7 @@
}
.action-groups-header {
margin: 0 0 10px 10px;
margin: 0 0 0.5rem 0.25rem;
}
}
@ -111,7 +111,7 @@
}
i {
font-size: 1.9rem !important;
font-size: 2rem !important;
}
}

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-lg-4 col-xl-3 col-xxxl-2" *ngFor="let hb of settings">
<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="container-title">
<span>{{ hb.title }}</span>
</div>

2
src/app/pages/ui-features/tabs/tabs.component.scss
View file

@ -21,7 +21,7 @@
@include media-breakpoint-down(xs) {
nb-tabset /deep/ul {
font-size: 1rem;
padding: 0 0.2rem;
padding: 0 0.25rem;
}
}
}