mirror of
https://github.com/ZiuChen/ClipboardManager.git
synced 2025-06-29 05:33:14 +08:00
feat: 调整侧栏全部数据样式 增加不隐藏插件执行复制的功能
This commit is contained in:
parent
3807c73149
commit
52a3005d7e
@ -161,7 +161,7 @@ const watchClipboard = async (db, fn) => {
|
|||||||
}, 250)
|
}, 250)
|
||||||
}
|
}
|
||||||
|
|
||||||
const copy = (item) => {
|
const copy = (item, isHideMainWindow = true) => {
|
||||||
switch (item.type) {
|
switch (item.type) {
|
||||||
case 'text':
|
case 'text':
|
||||||
utools.copyText(item.data)
|
utools.copyText(item.data)
|
||||||
@ -174,7 +174,7 @@ const copy = (item) => {
|
|||||||
utools.copyFile(paths)
|
utools.copyFile(paths)
|
||||||
break
|
break
|
||||||
}
|
}
|
||||||
utools.hideMainWindow()
|
isHideMainWindow && utools.hideMainWindow()
|
||||||
}
|
}
|
||||||
|
|
||||||
const paste = () => {
|
const paste = () => {
|
||||||
|
@ -48,10 +48,11 @@ onMounted(() => {
|
|||||||
@import '../style';
|
@import '../style';
|
||||||
.fade-enter-active,
|
.fade-enter-active,
|
||||||
.fade-leave-active {
|
.fade-leave-active {
|
||||||
transition: opacity 0.15s ease;
|
transition: all 0.15s ease;
|
||||||
}
|
}
|
||||||
.fade-enter-from,
|
.fade-enter-from,
|
||||||
.fade-leave-to {
|
.fade-leave-to {
|
||||||
|
width: 0px;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -112,7 +112,7 @@ const operation = [
|
|||||||
const handleOperateClick = ({ id, item }) => {
|
const handleOperateClick = ({ id, item }) => {
|
||||||
switch (id) {
|
switch (id) {
|
||||||
case 'copy':
|
case 'copy':
|
||||||
window.copy(item)
|
window.copy(item, false)
|
||||||
break
|
break
|
||||||
case 'view':
|
case 'view':
|
||||||
emit('onDataChange', item)
|
emit('onDataChange', item)
|
||||||
|
@ -2,14 +2,19 @@
|
|||||||
z-index: 9999999999;
|
z-index: 9999999999;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0;
|
top: 0;
|
||||||
height: 100%;
|
height: -webkit-fill-available;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
color: @text-color;
|
color: @text-color;
|
||||||
background: @bg-color;
|
background: @bg-color;
|
||||||
padding: 0px 20px 0px 20px;
|
margin: 0px 0px;
|
||||||
|
padding: 10px 20px;
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
word-break: break-all;
|
word-break: break-all;
|
||||||
white-space: pre-wrap;
|
white-space: pre-wrap;
|
||||||
|
div {
|
||||||
|
background-color: @text-bg-color;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
&::-webkit-scrollbar {
|
&::-webkit-scrollbar {
|
||||||
width: 10px;
|
width: 10px;
|
||||||
height: 10px;
|
height: 10px;
|
||||||
@ -25,9 +30,9 @@
|
|||||||
&::-webkit-scrollbar-thumb {
|
&::-webkit-scrollbar-thumb {
|
||||||
background: @text-color-lighter;
|
background: @text-color-lighter;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
}
|
&:hover {
|
||||||
&::-webkit-scrollbar-thumb:hover {
|
background: @text-color;
|
||||||
background: @text-color;
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.clip-overlay {
|
.clip-overlay {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user