github_mirrors/vue-vben-admin
1
0
Fork 0
mirror of https://github.com/vbenjs/vue-vben-admin.git synced 2025-08-28 00:42:12 +08:00
Code Issues 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
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); background: rgba(109, 109, 109, 0.6);
border-radius: 22px; border-radius: 22px;
justify-content: center; justify-content: center;
align-items: center;
&-item { &-item {
display: flex;
height: 100%;
padding: 0 9px; padding: 0 9px;
font-size: 24px; font-size: 24px;
line-height: 44px;
cursor: pointer; cursor: pointer;
transition: all 0.2s; transition: all 0.2s;
@@ -94,11 +94,12 @@
&__arrow { &__arrow {
position: absolute; position: absolute;
top: 50%; top: 50%;
display: flex;
align-items: center;
justify-content: center;
width: 50px; width: 50px;
height: 50px; height: 50px;
font-size: 28px; font-size: 28px;
line-height: 50px;
text-align: center;
cursor: pointer; cursor: pointer;
background-color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.5);
border-radius: 50%; border-radius: 50%;