Newer
Older
CrypticOreWallet / src / pages / transactions / TransactionsPage.less
// Copyright (c) 2020-2021 Drew Lemmy
// This file is part of KristWeb 2 under AGPL-3.0.
// Full details: https://github.com/tmpim/KristWeb2/blob/master/LICENSE.txt
@import (reference) "../../App.less";

.transactions-page {
  .transactions-mined-switch {
    display: flex;
    align-items: center;
    justify-content: flex-end;

    .ant-switch {
      margin-right: @margin-sm;
    }
  }

  // Highlight own transactions
  .ant-table .transaction-row-own {
    background: fade(@kw-primary, 15%);

    td.ant-table-cell {
      border-bottom-color: fade(@kw-primary, 20%);
    }

    .ant-table-cell.ant-table-column-sort {
      background: fade(@kw-primary, 20%);
    }

    &:hover td.ant-table-cell {
      background: fade(@kw-primary, 20%);

      &.ant-table-cell.ant-table-column-sort {
        background: fade(@kw-primary, 35%);
      }
    }
  }

  // Highlight verified addresses
  .ant-table .transaction-row-verified {
    background: fade(@kw-orange, 10%);

    td.ant-table-cell {
      border-bottom-color: fade(@kw-orange, 20%);
    }

    .ant-table-cell.ant-table-column-sort {
      background: fade(@kw-orange, 10%);
    }

    &:hover td.ant-table-cell {
      background: fade(@kw-orange, 20%);

      &.ant-table-cell.ant-table-column-sort {
        background: fade(@kw-orange, 35%);
      }
    }
  }
}