diff --git a/src/app/@theme/styles/themes.scss b/src/app/@theme/styles/themes.scss index ad1fe254..9795fad3 100644 --- a/src/app/@theme/styles/themes.scss +++ b/src/app/@theme/styles/themes.scss @@ -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%), diff --git a/src/app/pages/dashboard/electricity/electricity.component.scss b/src/app/pages/dashboard/electricity/electricity.component.scss index e4cedda6..77d2b2da 100644 --- a/src/app/pages/dashboard/electricity/electricity.component.scss +++ b/src/app/pages/dashboard/electricity/electricity.component.scss @@ -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 { diff --git a/src/app/pages/dashboard/traffic/traffic.component.scss b/src/app/pages/dashboard/traffic/traffic.component.scss index c6eb6172..d7d0d0a8 100644 --- a/src/app/pages/dashboard/traffic/traffic.component.scss +++ b/src/app/pages/dashboard/traffic/traffic.component.scss @@ -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 { diff --git a/src/app/pages/e-commerce/earning-card/front-side/earning-card-front.component.scss b/src/app/pages/e-commerce/earning-card/front-side/earning-card-front.component.scss index 9616b759..f825da3d 100644 --- a/src/app/pages/e-commerce/earning-card/front-side/earning-card-front.component.scss +++ b/src/app/pages/e-commerce/earning-card/front-side/earning-card-front.component.scss @@ -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 { diff --git a/src/app/pages/e-commerce/traffic-reveal-card/traffic-cards-header/traffic-cards-header.component.scss b/src/app/pages/e-commerce/traffic-reveal-card/traffic-cards-header/traffic-cards-header.component.scss index ec6dd22f..b92c1db3 100644 --- a/src/app/pages/e-commerce/traffic-reveal-card/traffic-cards-header/traffic-cards-header.component.scss +++ b/src/app/pages/e-commerce/traffic-reveal-card/traffic-cards-header/traffic-cards-header.component.scss @@ -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); diff --git a/src/app/pages/e-commerce/user-activity/user-activity.component.scss b/src/app/pages/e-commerce/user-activity/user-activity.component.scss index ba489d69..52c59a08 100644 --- a/src/app/pages/e-commerce/user-activity/user-activity.component.scss +++ b/src/app/pages/e-commerce/user-activity/user-activity.component.scss @@ -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 {