refactor(receive): beautify scss in tab-receive.scss

src/sass/views/tab-receive.scss

@@ -10,7 +10,9 @@
   .border-top {
     border-top:1px solid rgb(228,228,228);
   }
-  .scroll{height:100%;}
+  .scroll {
+    height:100%;
+  }
   #address {
     background: #fff;
     height: 66vh;
@@ -100,7 +102,8 @@
       &.next, &.prev {
         z-index:2;
       }
-      &.current, &.prev{
+      &.current,
+      &.prev {
         left:50%;
       }
       &.current {
@@ -135,11 +138,14 @@
       z-index: 1;
       div {
         transition: all .4s ease;
-        &.current, &.prev, &.next{
+        &.current,
+        &.prev,
+        &.next {
           position: absolute;
           top:50%;
         }
-        &.current, &.prev{
+        &.current,
+        &.prev {
           left:50%;
         }
         &.current {
@@ -191,7 +197,9 @@
             transform: scale(.7);
           }
         }
-        #bit-address{position: realtive;}
+        #bit-address {
+          position: realtive;
+        }
       }
     }
   }
@@ -254,7 +262,9 @@
     padding-right: 10px;
   }
   #wallets {
-    #sidebar-wallet{display: none;}
+    #sidebar-wallet{
+      display: none;
+    }
   }
   .wallets {
     position: relative;
@@ -272,8 +282,12 @@
           height: auto;
           top: 10%;
           position:relative;
-          @media(max-height: 600px){padding-top:.2rem}
-          @media(min-height: 900px){top:30%;}
+          @media(max-height: 600px) {
+            padding-top:.2rem
+          }
+          @media(min-height: 900px) {
+            top:30%;
+          }
         }
         .swiper-slide {
           text-align: center;
@@ -288,8 +302,12 @@
             }
           }
           @media(max-width: 500px) {
-            &-next{left:-25%;}
-            &-prev{left:25%;}
+            &-next {
+              left:-25%;
+            }
+            &-prev {
+              left:25%;
+            }
           }
         }
         @media (max-height: 600px) {
@@ -302,7 +320,9 @@
     }
   }
   @media(min-width: 700px) and (min-height: 700px) {
-    .wallets{display: none;}
+    .wallets {
+      display: none;
+    }
     #address {
       float:left;
       height:100%;
@@ -314,7 +334,9 @@
         height: 100%;
       }
       #qr-options {
-        .item{font-size:1rem;}
+        .item{
+          font-size:1rem;
+        }
       }
       .qr {
         height: 70%;
@@ -333,7 +355,10 @@
           opacity: 1;
         }
       }
-      .backup, #bit-address{left:0;}
+      .backup,
+      #bit-address {
+        left:0;
+      }
       #bit-address {
         height: 10%;
         padding: 1vh;
@@ -360,8 +385,12 @@
       @media(max-width: 1000px) {
         max-width: none;
       }
-      #sidebar-wallet{display: block;}
-      .list{height: 100%;overflow: visible;}
+      #sidebar-wallet {
+        display: block;
+      }
+      .list {
+        height: 100%;overflow: visible;
+      }
       #wallet-list {
         position: absolute;
         width: 110%;
@@ -438,7 +467,6 @@
     }
   }
 }
-
 @keyframes fadeIn {
   0% {
     opacity: 0;