New UI for responsive navbar. (#458)

New UI for responsive navbar. fixes #458
2021-04-19 10:01:04 -03:00
parent 92d2adac64
commit cf56d9aec7
6 changed files with 109 additions and 12 deletions
--- a/frontend/src/app/dashboard/dashboard.component.html
+++ b/frontend/src/app/dashboard/dashboard.component.html
@@ -1,5 +1,5 @@

-<div class="container-xl mt-2">
+<div class="container-xl mt-2 dashboard-container">

  <div class="row row-cols-1 row-cols-md-2" *ngIf="{ value: (mempoolInfoData$ | async) } as mempoolInfoData">
    <ng-template [ngIf]="collapseLevel === 'three'" [ngIfElse]="expanded">
--- a/frontend/src/app/dashboard/dashboard.component.scss
+++ b/frontend/src/app/dashboard/dashboard.component.scss
@@ -1,3 +1,12 @@
+.dashboard-container {
+  padding-bottom: 60px;
+}
+@media (min-width: 992px) {
+  .dashboard-container {
+    padding-bottom: 0px;
+  }
+}
+
 .card {
  background-color: #1d1f31;
 }