From 52044792482bb429e4765d4811e1f2725ef3b3d7 Mon Sep 17 00:00:00 2001
From: outstandyy <zinchenko.vladislav.1995@gmail.com>
Date: Wed, 12 May 2021 13:02:41 +0300
Subject: [PATCH] feat(theme): refine layout styles

---
 .../layouts/one-column/one-column.layout.scss      | 14 ++++++++++++++
 .../three-columns/three-columns.layout.scss        | 14 ++++++++++++++
 .../layouts/two-columns/two-columns.layout.scss    | 14 ++++++++++++++
 3 files changed, 42 insertions(+)

diff --git a/src/app/@theme/layouts/one-column/one-column.layout.scss b/src/app/@theme/layouts/one-column/one-column.layout.scss
index 448cb738..490185d4 100644
--- a/src/app/@theme/layouts/one-column/one-column.layout.scss
+++ b/src/app/@theme/layouts/one-column/one-column.layout.scss
@@ -2,6 +2,20 @@
 @import '~bootstrap/scss/mixins/breakpoints';
 @import '~@nebular/theme/styles/global/breakpoints';
 
+::ng-deep .nb-theme-blueberry {
+  nb-layout-header nav {
+    height: 4rem;
+  }
+
+  nb-layout .layout .layout-container .content nb-layout-footer nav {
+    padding: 0.25rem 1rem;
+  }
+
+  nb-layout-header.fixed ~ .layout-container {
+    padding-top: 4rem;
+  }
+}
+
 @include nb-install-component() {
   .menu-sidebar ::ng-deep .scrollable {
     padding-top: nb-theme(layout-padding-top);
diff --git a/src/app/@theme/layouts/three-columns/three-columns.layout.scss b/src/app/@theme/layouts/three-columns/three-columns.layout.scss
index 448cb738..490185d4 100644
--- a/src/app/@theme/layouts/three-columns/three-columns.layout.scss
+++ b/src/app/@theme/layouts/three-columns/three-columns.layout.scss
@@ -2,6 +2,20 @@
 @import '~bootstrap/scss/mixins/breakpoints';
 @import '~@nebular/theme/styles/global/breakpoints';
 
+::ng-deep .nb-theme-blueberry {
+  nb-layout-header nav {
+    height: 4rem;
+  }
+
+  nb-layout .layout .layout-container .content nb-layout-footer nav {
+    padding: 0.25rem 1rem;
+  }
+
+  nb-layout-header.fixed ~ .layout-container {
+    padding-top: 4rem;
+  }
+}
+
 @include nb-install-component() {
   .menu-sidebar ::ng-deep .scrollable {
     padding-top: nb-theme(layout-padding-top);
diff --git a/src/app/@theme/layouts/two-columns/two-columns.layout.scss b/src/app/@theme/layouts/two-columns/two-columns.layout.scss
index 448cb738..490185d4 100644
--- a/src/app/@theme/layouts/two-columns/two-columns.layout.scss
+++ b/src/app/@theme/layouts/two-columns/two-columns.layout.scss
@@ -2,6 +2,20 @@
 @import '~bootstrap/scss/mixins/breakpoints';
 @import '~@nebular/theme/styles/global/breakpoints';
 
+::ng-deep .nb-theme-blueberry {
+  nb-layout-header nav {
+    height: 4rem;
+  }
+
+  nb-layout .layout .layout-container .content nb-layout-footer nav {
+    padding: 0.25rem 1rem;
+  }
+
+  nb-layout-header.fixed ~ .layout-container {
+    padding-top: 4rem;
+  }
+}
+
 @include nb-install-component() {
   .menu-sidebar ::ng-deep .scrollable {
     padding-top: nb-theme(layout-padding-top);