From ba070c5e417d1a0888b351f722588395e94eba27 Mon Sep 17 00:00:00 2001
From: Wells Su <wellssu0@gmail.com>
Date: Tue, 13 Oct 2020 23:42:43 +0800
Subject: [PATCH] Style(Preview): Modify the button to center vertically (#36)

---
 src/components/Preview/src/index.less | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/Preview/src/index.less b/src/components/Preview/src/index.less
index 091a344f..0c33b4ef 100644
--- a/src/components/Preview/src/index.less
+++ b/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%;
-- 
GitLab