github_mirrors/vue-vben-admin
1
0
Fork 0
mirror of https://github.com/vbenjs/vue-vben-admin.git synced 2025-01-23 17:50:25 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Wells Su 2020-10-13 23:42:43 +08:00 committed by GitHub
parent 02d6a39402
commit ba070c5e41
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/Preview/src/index.less
View File

@ -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%;