mirror of
https://github.com/ZiuChen/ClipboardManager.git
synced 2025-09-27 13:53:21 +08:00
refactor: 组件解耦 预览页支持展示全部功能按钮
This commit is contained in:
@@ -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;
|
||||
|
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
28
src/style/cpns/clip-operate.less
Normal file
28
src/style/cpns/clip-operate.less
Normal 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;
|
||||
}
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user