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

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