bug

src/templates/listingInformation/pages/buyingHouse.vue

@@ -301,8 +301,8 @@ export default {
         float: left;
         align-items: center;
         justify-content: center;
-        font-size: 20px;
-        width: 97px;
+        font-size: 17px;
+        min-width: 97px;
         height: 32px;
         background: rgba(255, 255, 255, 0.16);
         border-radius: 16px;
@@ -332,6 +332,7 @@ export default {
     -webkit-filter: grayscale(100%) blur(2px);
     filter: grayscale(100%) blur(2px);
     z-index: -1;
+    perspective: 1920px;
   }
   .particle,
   .particle:after {
@@ -343,8 +344,8 @@ export default {
     top: 1920px;
   }
   .particle-1 {
-    -webkit-animation: animParticle 60s linear infinite;
-    animation: animParticle 60s linear infinite;
+    -webkit-animation: animParticle 20s linear infinite;
+    animation: animParticle 20s linear infinite;
     box-shadow: 1307px 1889px #fff, 771px 642px #fff, 1811px 1116px #fff,
       796px 418px #fff, 1607px 997px #fff, 1431px 192px #fff, 1081px 382px #fff,
       116px 388px #fff, 188px 1588px #fff, 33px 1314px #fff, 1828px 1004px #fff,
@@ -673,8 +674,8 @@ export default {
     width: 1px;
   }
   .particle-2 {
-    -webkit-animation: animParticle 120s linear infinite;
-    animation: animParticle 120s linear infinite;
+    -webkit-animation: animParticle 12s linear infinite;
+    animation: animParticle 12s linear infinite;
     box-shadow: 186px 967px #fff, 358px 826px #fff, 1637px 1890px #fff,
       1599px 1491px #fff, 912px 1632px #fff, 1546px 1204px #fff, 38px 611px #fff,
       1083px 1383px #fff, 809px 564px #fff, 1194px 834px #fff, 813px 170px #fff,
@@ -1086,16 +1087,16 @@ export default {
     height: 1px;
     width: 1px;
   }
-  @-webkit-keyframes animParticle {
-    from {
-      -webkit-transform: translateY(0px);
-      transform: translateY(0px);
-    }
-    to {
-      -webkit-transform: translateY(-1920px);
-      transform: translateY(-1920px);
-    }
-  }
+  // @-webkit-keyframes animParticle {
+  //   from {
+  //     -webkit-transform: translateY(0px);
+  //     transform: translateY(0px);
+  //   }
+  //   to {
+  //     -webkit-transform: translateY(-1920px);
+  //     transform: translateY(-1920px);
+  //   }
+  // }
   @keyframes animParticle {
     from {
       -webkit-transform: translateY(0px);