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 .main {
  80   border: 1px solid $border-color;
  81   padding: 20px 30px 10px;
  82   margin-bottom: $gutter-size;
  83   display: flex;
  84
  85   >div:first-of-type{
  86     width: 60%;
  87     min-width: 350px;
  88   }
  89
  90   >div:last-of-type{
  91     width: 40%;
  92     margin-left: $gutter-size;
  93   }
  94 }
  95
  96 .balanceHint {
  97   position: relative;
  98   top: -30px;
  99 }
 100
 101 .optionsBtnContianer {
 102   display: flex;
 103   flex-direction: column;
 104   border-radius: 3px;
 105   height: 150px;
 106   input {
 107     margin: 0 5px;
 108   }
 109   & > label {
 110     height: 40px;
 111     overflow-y: hidden;
 112   }
 113   & > label > label {
 114     line-height: 36px;
 115   }
 116   .form-group {
 117     margin-bottom: 0 !important;
 118   }
 119 }
 120
 121 .optionsBtn {
 122   margin: 5px 0;
 123 }
 124
 125 .optionsLabel {
 126   vertical-align: top;
 127   width: 150px;
 128 }