Update index.module.less

src/views/tempo-practice/index.module.less

@@ -24,6 +24,28 @@
       justify-content: center;
     }
   }
+
+  // &.dpi3 {
+  //   .beatSection {
+
+  //     .beat {
+  //       width: 102px;
+  //       height: 136px;
+  //     }
+
+  //     &.small {
+  //       width: 50%;
+
+  //       // margin: 0 16px;
+  //       &.dpi3 {
+  //         .beat {
+  //           width: 60px;
+  //           height: 72px;
+  //         }
+  //       }
+  //     }
+  //   }
+  // }
 }
 
 .conCon {
@@ -49,6 +71,8 @@
       }
     }
 
+
+
     &.small {
       .beat {
         width: 139px !important;
@@ -102,7 +126,7 @@
   justify-content: center;
   flex: 1 auto;
   flex-wrap: wrap;
-  gap: 15px 0;
+  // gap: 15px 0;
   // margin-bottom: 15px;
   max-width: 900px;
   margin: 0 auto;
@@ -113,6 +137,7 @@
   align-items: center;
   justify-content: center;
   // margin-bottom: 15px;
+  margin: 7px 0;
 
   &.small {
     width: 50%;
@@ -128,10 +153,13 @@
       padding-left: 12px;
     }
 
+
     .beat {
       border: 2px solid #fff;
-      width: 65px;
-      height: 86px;
+      // width: 65px;
+      // height: 86px;
+      width: 60px;
+      height: 72px;
       cursor: pointer;
       margin: 0 7px;