study/ClipboardManager
1
0
Fork 0
mirror of https://github.com/ZiuChen/ClipboardManager.git synced 2025-06-09 15:34:04 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: 调整弹出侧栏滚动条样式

Browse Source
This commit is contained in:
ZiuChen 2022-08-15 16:22:07 +08:00
parent 69a0498be4
commit b8e03ec5da
3 changed files with 22 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/style/cpns/clip-full-data.less
View File

@ -4,11 +4,31 @@
top: 0; top: 0;
height: 100%; height: 100%;
width: 60%; width: 60%;
color: @text-color;
background: @bg-color; background: @bg-color;
padding: 0px 20px 0px 20px; padding: 0px 20px 0px 20px;
overflow-y: scroll; overflow-y: scroll;
word-break: break-all; word-break: break-all;
white-space: pre-wrap; white-space: pre-wrap;
&::-webkit-scrollbar {
width: 5px;
height: 10px;
}
&::-webkit-scrollbar-track {
border-radius: 2px;
background-color: @bg-color;
&-piece {
border-radius: 2px;
background-color: @bg-color;
}
}
&::-webkit-scrollbar-thumb {
background: @bg-color;
border-radius: 2px;
}
&::-webkit-scrollbar-thumb:hover {
background: @nav-bg-color;
}
} }
.clip-overlay { .clip-overlay {
z-index: 999999999; z-index: 999999999;

2
src/style/cpns/clip-item-list.less
View File

@ -26,7 +26,7 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
font-size: 13px; font-size: 13px;
color: @text-color-lighter; color: @text-color;
background-color: @text-bg-color; background-color: @text-bg-color;
border-radius: 5px; border-radius: 5px;
min-width: 50px; min-width: 50px;

2
src/style/index.less
View File

@ -11,7 +11,7 @@
@primary-color: #8a2be2; @primary-color: #8a2be2;
@primary-color-lighter: #d3b8ec; @primary-color-lighter: #d3b8ec;
@text-color: #e8e6e3; @text-color: #e8e6e3;
@text-color-lighter: rgb(207, 207, 207); @text-color-lighter: rgb(181, 181, 181);
@text-bg-color: #7f7c83; @text-bg-color: #7f7c83;
@text-bg-color-lighter: #4e4e4e; @text-bg-color-lighter: #4e4e4e;
@nav-bg-color: #222426; @nav-bg-color: #222426;