fix: 预览页功能按钮居中布局

This commit is contained in:
ZiuChen 2022-09-16 11:10:27 +08:00
parent 9d51968859
commit fde3286e82
2 changed files with 9 additions and 3 deletions

View File

@ -12,9 +12,13 @@
word-break: break-all; word-break: break-all;
white-space: pre-wrap; white-space: pre-wrap;
.clip-full-operate-list { .clip-full-operate-list {
position: fixed;
right: 50%;
z-index: 99;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-end; justify-content: center;
color: @text-color; color: @text-color;
background-color: @text-bg-color; background-color: @text-bg-color;
padding: 5px 5px; padding: 5px 5px;
@ -22,9 +26,11 @@
border-radius: 5px; border-radius: 5px;
} }
.clip-full-content { .clip-full-content {
background-color: @text-bg-color; position: relative;
top: 50px;
padding: 20px; padding: 20px;
border-radius: 5px; border-radius: 5px;
background-color: @text-bg-color;
} }
&::-webkit-scrollbar { &::-webkit-scrollbar {
width: 10px; width: 10px;

View File

@ -1,7 +1,7 @@
.clip-operate { .clip-operate {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-end; justify-content: center;
flex-wrap: wrap; flex-wrap: wrap;
min-width: 180px; min-width: 180px;
padding: 0px 10px; padding: 0px 10px;