Sfoglia il codice sorgente

Style(Preview): Modify the button to center vertically (#36)

Wells Su 4 anni fa
parent
commit
ba070c5e41
1 ha cambiato i file con 5 aggiunte e 4 eliminazioni
  1. 5 4
      src/components/Preview/src/index.less

+ 5 - 4
src/components/Preview/src/index.less

@@ -72,12 +72,12 @@
     background: rgba(109, 109, 109, 0.6);
     border-radius: 22px;
     justify-content: center;
-    align-items: center;
 
     &-item {
+      display: flex;
+      height: 100%;
       padding: 0 9px;
       font-size: 24px;
-      line-height: 44px;
       cursor: pointer;
       transition: all 0.2s;
 
@@ -94,11 +94,12 @@
   &__arrow {
     position: absolute;
     top: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
     width: 50px;
     height: 50px;
     font-size: 28px;
-    line-height: 50px;
-    text-align: center;
     cursor: pointer;
     background-color: rgba(0, 0, 0, 0.5);
     border-radius: 50%;