custom amount

src/sass/views/amount.scss

@@ -34,7 +34,7 @@
     position: absolute;
     top: 10px;
   }
-  .amount-pane {
+  .amount-pane-send {
     position: absolute;
     top: 95px;
     bottom: 0;
@@ -65,6 +65,37 @@
       }
     }
   }
+  .amount-pane-receive {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    width: 100%;
+    background-color: #fff;
+    padding: 0 16px;
+
+    .amount-bar {
+      padding: 24px 0;
+      font-size: 18px;
+      .title {
+        float: left;
+        padding-top: 10px;
+        color: $dark-gray;
+        font-weight: bold;
+      }
+    }
+    .amount {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      flex-grow: 1;
+      position: absolute;
+      bottom: 254px;
+      top: 66px;
+      .light {
+        color: $light-gray;
+      }
+    }
+  }
   .amount {
     &__editable {
       margin-bottom: 1rem;