mempool/frontend/src/app/components/mining-dashboard/mining-dashboard.component.html

<div class="container-xl dashboard-container">

  <div class="row row-cols-1 row-cols-md-2">

    <div class="col">
      <div class="main-title">Placeholder</div>
      <div class="card" style="height: 123px">
      </div>
    </div>

    <!-- difficulty adjustment -->
    <div class="col">
      <div class="main-title" i18n="dashboard.difficulty-adjustment">Difficulty Adjustment</div>
      <div class="card" style="height: 123px">
        <app-difficulty [showTitle]="false"></app-difficulty>
      </div>
    </div>

    <!-- pool distribution -->
    <div class="col">
      <div class="card" style="height: 385px">
        <div class="card-body">
          <h5 class="card-title">
            <a href="" [routerLink]="['/mining/pools' | relativeUrl]" i18n="mining.pool-share">
              Mining Pools Share (1w)
            </a>
          </h5>
          <app-pool-ranking [widget]=true></app-pool-ranking>
        </div>
      </div>
    </div>

    <!-- hashrate -->
    <div class="col">
      <div class="card" style="height: 385px">
        <div class="card-body">
          <h5 class="card-title">
            <a class="link" href="" [routerLink]="['/mining/hashrate' | relativeUrl]" i18n="mining.hashrate">
              Hashrate (1y)
            </a>
          </h5>
          <app-hashrate-chart [widget]=true></app-hashrate-chart>
        </div>
      </div>
    </div>

    <!-- pools hashrate -->
    <div class="col">
      <div class="card" style="height: 385px">
        <div class="card-body">
          <!-- pool dominance -->
          <h5 class="card-title">
            <a href="" [routerLink]="['/mining/hashrate/pools' | relativeUrl]" i18n="mining.pool-historical-dominance">
              Mining Pools Dominance (1y)
            </a>
          </h5>
          <app-hashrate-chart-pools [widget]=true></app-hashrate-chart-pools>
        </div>
      </div>
    </div>

  </div>
</div>