refactor: 组件解耦 预览页支持展示全部功能按钮

This commit is contained in:
ZiuChen
2022-09-16 11:01:07 +08:00
parent e64d8051bf
commit 9d51968859
8 changed files with 137 additions and 152 deletions

View File

@@ -17,23 +17,9 @@
justify-content: flex-end;
color: @text-color;
background-color: @text-bg-color;
padding: 5px 10px;
padding: 5px 5px;
margin-bottom: 5px;
border-radius: 5px;
&-item {
padding: 10px;
border-radius: 5px;
cursor: pointer;
user-select: none;
margin: 5px 5px;
background-color: @bg-color;
transition: all 0.15s;
&:hover {
color: @bg-color;
background-color: @primary-color;
transition: all 0.15s;
}
}
}
.clip-full-content {
background-color: @text-bg-color;

View File

@@ -86,32 +86,5 @@
color: @text-color-lighter;
padding: 10px;
}
.clip-operate {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
min-width: 180px;
padding: 0px 10px;
flex-wrap: wrap;
& * {
display: flex;
align-items: center;
justify-content: center;
font-size: 13px;
color: @primary-color;
background: @text-bg-color;
margin: 0px 2px;
border-radius: 5px;
width: 30px;
height: 30px;
transition: all 0.15s;
&:hover {
color: @bg-color;
background: @primary-color;
transition: all 0.15s;
}
}
}
}
}

View File

@@ -0,0 +1,28 @@
.clip-operate {
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
min-width: 180px;
padding: 0px 10px;
flex-wrap: wrap;
& div {
display: flex;
align-items: center;
justify-content: center;
font-size: 13px;
color: @primary-color;
background: @text-bg-color;
cursor: pointer;
margin: 0px 2px;
border-radius: 5px;
width: 30px;
height: 30px;
transition: all 0.15s;
&:hover {
color: @bg-color;
background: @primary-color;
transition: all 0.15s;
}
}
}