canrd-outside / order-erp-front · Commits

Commit ba070c5e417d1a0888b351f722588395e94eba27

Authored by Wells Su
Committed by GitHub
1 parent 02d6a394

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

Inline Side-by-side
Showing 1 changed file with 5 additions and 4 deletions
src/components/Preview/src/index.less
  View file @ba070c5
@@ -72,12 +72,12 @@ @@ -72,12 +72,12 @@
72 background: rgba(109, 109, 109, 0.6); 72 background: rgba(109, 109, 109, 0.6);
73 border-radius: 22px; 73 border-radius: 22px;
74 justify-content: center; 74 justify-content: center;
75 - align-items: center;  
76 75
77 &-item { 76 &-item {
  77 + display: flex;
  78 + height: 100%;
78 padding: 0 9px; 79 padding: 0 9px;
79 font-size: 24px; 80 font-size: 24px;
80 - line-height: 44px;  
81 cursor: pointer; 81 cursor: pointer;
82 transition: all 0.2s; 82 transition: all 0.2s;
83 83
@@ -94,11 +94,12 @@ @@ -94,11 +94,12 @@
94 &__arrow { 94 &__arrow {
95 position: absolute; 95 position: absolute;
96 top: 50%; 96 top: 50%;
  97 + display: flex;
  98 + align-items: center;
  99 + justify-content: center;
97 width: 50px; 100 width: 50px;
98 height: 50px; 101 height: 50px;
99 font-size: 28px; 102 font-size: 28px;
100 - line-height: 50px;  
101 - text-align: center;  
102 cursor: pointer; 103 cursor: pointer;
103 background-color: rgba(0, 0, 0, 0.5); 104 background-color: rgba(0, 0, 0, 0.5);
104 border-radius: 50%; 105 border-radius: 50%;