src/features/transactions/components/New/New.scss

   1 .mainContainer {
   2   background: $background-color;
   3   padding: 0 $gutter-size;
   4   margin-top: $title-height;
   5 }
   6
   7 .content {
   8   min-width: 400px;
   9   width: 55%;
  10   margin: 0 auto;
  11 }
  12
  13 .container{
  14   max-width: 870px;
  15   width: 100%;
  16   margin: 0 auto;
  17 }
  18
  19 .submit {
  20   text-align: right;
  21 }
  22
  23 .submitTable {
  24   border-spacing: 5px;
  25
  26   tr:first-child td {
  27     padding-bottom: $gutter-size/2;
  28   }
  29
  30   td input {
  31     margin-right: 7px;
  32   }
  33
  34   td {
  35     padding: 0;
  36     vertical-align: top;
  37   }
  38
  39   label {
  40     margin-bottom: 0;
  41     color: $text-strong-color;
  42   }
  43
  44   .submitDescription {
  45     font-weight: normal;
  46     color: $text-color;
  47     line-height: 1.4;
  48   }
  49 }
  50
  51 .actionInfo {
  52   margin-bottom: $gutter-size;
  53 }
  54
  55 .btnGroup {
  56   margin-top: $gutter-size;
  57   text-align: center;
  58   button{
  59     padding: 0 40px;
  60     color: $text-color;
  61     &.active{
  62       background-color: $highlight-default;
  63       color: white;
  64     }
  65   }
  66 }
  67
  68 .title {
  69   color: $text-strong-color;
  70   font-size: $font-size-btn-lg;
  71 }
  72
  73 .estimateGas {
  74   margin-left: 10px;
  75   font-size: 8px;
  76   color: #747c89;
  77 }
  78
  79 .mainBox {
  80   border: 1px solid $border-color;
  81   padding: 20px 30px 10px;
  82   margin-bottom: $gutter-size;
  83 }
  84
  85 .item{
  86   display: flex;
  87
  88   >div:first-of-type{
  89     width: 60%;
  90     min-width: 350px;
  91   }
  92
  93   >div:last-of-type{
  94     width: 40%;
  95     margin-left: $gutter-size;
  96   }
  97 }
  98
  99 .balanceHint {
 100   position: relative;
 101   top: -30px;
 102 }
 103
 104 .optionsBtnContianer {
 105   display: flex;
 106   flex-direction: column;
 107   border-radius: 3px;
 108   height: 150px;
 109   input {
 110     margin: 0 5px;
 111   }
 112   & > label {
 113     height: 40px;
 114     overflow-y: hidden;
 115   }
 116   & > label > label {
 117     line-height: 36px;
 118   }
 119   .form-group {
 120     margin-bottom: 0 !important;
 121   }
 122 }
 123
 124 .optionsBtn {
 125   margin: 5px 0;
 126 }
 127
 128 .optionsLabel {
 129   vertical-align: top;
 130   width: 150px;
 131 }
 132
 133 .receiverBtn{
 134   position: absolute;
 135   right: 33px;
 136   margin-top: 32px;
 137   width: 25px;
 138   height: 25px;
 139   font-size: 22px;
 140   line-height: 20px;
 141   padding: 1px 5px 0px 5px;
 142 }