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

feat: 调整预览页与历史data的样式细节

Browse Source
This commit is contained in:
ZiuChen 2022-09-18 09:47:35 +08:00
parent ed3d56a934
commit 38a10d6517
3 changed files with 11 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,9 +1,9 @@
.clip-full-wrapper { .clip-full-wrapper {
z-index: 101; z-index: 102;
position: fixed; position: fixed;
top: 0; top: 0;
height: -webkit-fill-available; height: -webkit-fill-available;
width: 70%; width: 80%;
color: @text-color; color: @text-color;
background: @bg-color; background: @bg-color;
margin: 0px 0px; margin: 0px 0px;
@ -26,6 +26,9 @@
border-radius: 5px; border-radius: 5px;
} }
.clip-full-content { .clip-full-content {
display: flex;
flex-direction: column;
justify-content: center;
position: relative; position: relative;
top: 50px; top: 50px;
padding: 20px; padding: 20px;
@ -56,7 +59,7 @@
} }
} }
.clip-overlay { .clip-overlay {
z-index: 100; z-index: 101;
position: fixed; position: fixed;
top: 0; top: 0;
height: 100%; height: 100%;

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

@ -11,7 +11,7 @@
border-color: @text-bg-color-lighter @bg-color @bg-color @bg-color; border-color: @text-bg-color-lighter @bg-color @bg-color @bg-color;
cursor: pointer; cursor: pointer;
&.active { &.active {
border-style: hidden hidden hidden solid; border-style: solid hidden hidden solid;
border-width: 1px 0px 0px 6px; border-width: 1px 0px 0px 6px;
border-color: @text-bg-color-lighter @bg-color @bg-color @primary-color; border-color: @text-bg-color-lighter @bg-color @bg-color @primary-color;
background-color: @text-bg-color-lighter; background-color: @text-bg-color-lighter;
@ -31,7 +31,7 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
font-size: 14px; font-size: 14px;
padding: 10px; padding: 10px 10px 10px 5px;
.clip-time { .clip-time {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -43,6 +43,7 @@
border-color: @text-bg-color-lighter; border-color: @text-bg-color-lighter;
border-style: solid; border-style: solid;
border-width: 0px 2px 0px 0px; border-width: 0px 2px 0px 0px;
margin: 0px 5px 0px 0px;
.relative-date { .relative-date {
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -60,7 +61,7 @@
overflow: hidden; overflow: hidden;
word-break: break-all; word-break: break-all;
max-height: 120px; max-height: 120px;
max-width: 480px; max-width: 460px;
padding: 5px 5px 5px 10px; padding: 5px 5px 5px 10px;
white-space: pre-wrap; white-space: pre-wrap;
flex-direction: column; flex-direction: column;
@ -68,7 +69,7 @@
img.clip-data-image { img.clip-data-image {
// 此 class用于区分 file的 image // 此 class用于区分 file的 image
max-height: 100px; // 比外框 max-height少一点 因为有 5px的边框 max-height: 100px; // 比外框 max-height少一点 因为有 5px的边框
max-width: 90%; max-width: 85%;
box-shadow: 0px 0px 3px @text-color; box-shadow: 0px 0px 3px @text-color;
} }
.clip-over-sized-content { .clip-over-sized-content {

1
src/style/cpns/clip-operate.less
View File

@ -4,7 +4,6 @@
justify-content: center; justify-content: center;
flex-wrap: wrap; flex-wrap: wrap;
min-width: 180px; min-width: 180px;
padding: 0px 10px;
flex-wrap: wrap; flex-wrap: wrap;
& div { & div {
display: flex; display: flex;