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

refactor(card): extract card with select padding into theme

Browse source
This commit is contained in:
Sergey Andrievskiy 2019-06-21 18:37:17 +03:00
parent 9946dbb6b6
commit 360846c6fb
6 changed files with 18 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/app/@theme/styles/themes.scss
View file

@ -20,6 +20,8 @@ $nb-themes: nb-register-theme((
card-height-large: 36.5625rem,
card-height-giant: 44.25rem,
card-margin-bottom: 1.875rem,
card-header-with-select-padding-top: 0.5rem,
card-header-with-select-padding-bottom: 0.5rem,
select-min-width: 6rem,
//
@ -57,6 +59,8 @@ $nb-themes: nb-register-theme((
card-height-large: 36.5625rem,
card-height-giant: 44.25rem,
card-margin-bottom: 1.875rem,
card-header-with-select-padding-top: 0.5rem,
card-header-with-select-padding-bottom: 0.5rem,
select-min-width: 6rem,
// app wise variables for each theme
//sidebar-header-gap: 2rem,
@ -101,6 +105,8 @@ $nb-themes: nb-register-theme((
card-height-large: 36.5625rem,
card-height-giant: 44.25rem,
card-margin-bottom: 1.875rem,
card-header-with-select-padding-top: 0.5rem,
card-header-with-select-padding-bottom: 0.5rem,
select-min-width: 6rem,
// app wise variables for each theme
//sidebar-header-gap: 2rem,
@ -144,6 +150,8 @@ $nb-themes: nb-register-theme((
card-height-large: 36.5625rem,
card-height-giant: 44.25rem,
card-margin-bottom: 1.875rem,
card-header-with-select-padding-top: 0.5rem,
card-header-with-select-padding-bottom: 0.5rem,
select-min-width: 6rem,
slide-out-background: linear-gradient(270deg, #222b45 0%, #151a30 100%),

5
src/app/pages/dashboard/electricity/electricity.component.scss
View file

@ -28,9 +28,8 @@
.chart-card nb-card-header {
display: flex;
align-items: center;
padding-top: 0.45rem;
padding-bottom: 0.45rem;
border-bottom-color: transparent;
padding-top: nb-theme(card-header-with-select-padding-top);
padding-bottom: nb-theme(card-header-with-select-padding-bottom);
}
.type-select {

4
src/app/pages/dashboard/traffic/traffic.component.scss
View file

@ -11,8 +11,8 @@
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 0.45rem;
padding-bottom: 0.45rem;
padding-top: nb-theme(card-header-with-select-padding-top);
padding-bottom: nb-theme(card-header-with-select-padding-bottom);
}
ngx-traffic-chart {

4
src/app/pages/e-commerce/earning-card/front-side/earning-card-front.component.scss
View file

@ -8,8 +8,8 @@
nb-card-header {
flex-direction: row;
padding-top: 0.45rem;
padding-bottom: 0.45rem;
padding-top: nb-theme(card-header-with-select-padding-top);
padding-bottom: nb-theme(card-header-with-select-padding-bottom);
}
nb-card-body {

5
src/app/pages/e-commerce/traffic-reveal-card/traffic-cards-header/traffic-cards-header.component.scss
View file

@ -5,9 +5,8 @@
display: flex;
align-items: center;
justify-content: space-between;
padding: nb-theme(card-padding);
padding-top: 0.45rem;
padding-bottom: 0.45rem;
padding-top: nb-theme(card-header-with-select-padding-top);
padding-bottom: nb-theme(card-header-with-select-padding-bottom);
@include nb-ltr(padding-right, 4rem);
@include nb-rtl(padding-left, 4rem);

4
src/app/pages/e-commerce/user-activity/user-activity.component.scss
View file

@ -6,8 +6,8 @@
align-items: center;
justify-content: space-between;
border: none;
padding-top: 0.45rem;
padding-bottom: 0.45rem;
padding-top: nb-theme(card-header-with-select-padding-top);
padding-bottom: nb-theme(card-header-with-select-padding-bottom);
}
nb-list {