mirror of
https://github.com/ZiuChen/ClipboardManager.git
synced 2025-06-07 05:47:13 +08:00
feat: 调整预览页与历史data的样式细节
This commit is contained in:
parent
ed3d56a934
commit
38a10d6517
@ -1,9 +1,9 @@
|
||||
.clip-full-wrapper {
|
||||
z-index: 101;
|
||||
z-index: 102;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
height: -webkit-fill-available;
|
||||
width: 70%;
|
||||
width: 80%;
|
||||
color: @text-color;
|
||||
background: @bg-color;
|
||||
margin: 0px 0px;
|
||||
@ -26,6 +26,9 @@
|
||||
border-radius: 5px;
|
||||
}
|
||||
.clip-full-content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
top: 50px;
|
||||
padding: 20px;
|
||||
@ -56,7 +59,7 @@
|
||||
}
|
||||
}
|
||||
.clip-overlay {
|
||||
z-index: 100;
|
||||
z-index: 101;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
|
@ -11,7 +11,7 @@
|
||||
border-color: @text-bg-color-lighter @bg-color @bg-color @bg-color;
|
||||
cursor: pointer;
|
||||
&.active {
|
||||
border-style: hidden hidden hidden solid;
|
||||
border-style: solid hidden hidden solid;
|
||||
border-width: 1px 0px 0px 6px;
|
||||
border-color: @text-bg-color-lighter @bg-color @bg-color @primary-color;
|
||||
background-color: @text-bg-color-lighter;
|
||||
@ -31,7 +31,7 @@
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 14px;
|
||||
padding: 10px;
|
||||
padding: 10px 10px 10px 5px;
|
||||
.clip-time {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@ -43,6 +43,7 @@
|
||||
border-color: @text-bg-color-lighter;
|
||||
border-style: solid;
|
||||
border-width: 0px 2px 0px 0px;
|
||||
margin: 0px 5px 0px 0px;
|
||||
.relative-date {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
@ -60,7 +61,7 @@
|
||||
overflow: hidden;
|
||||
word-break: break-all;
|
||||
max-height: 120px;
|
||||
max-width: 480px;
|
||||
max-width: 460px;
|
||||
padding: 5px 5px 5px 10px;
|
||||
white-space: pre-wrap;
|
||||
flex-direction: column;
|
||||
@ -68,7 +69,7 @@
|
||||
img.clip-data-image {
|
||||
// 此 class用于区分 file的 image
|
||||
max-height: 100px; // 比外框 max-height少一点 因为有 5px的边框
|
||||
max-width: 90%;
|
||||
max-width: 85%;
|
||||
box-shadow: 0px 0px 3px @text-color;
|
||||
}
|
||||
.clip-over-sized-content {
|
||||
|
@ -4,7 +4,6 @@
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
min-width: 180px;
|
||||
padding: 0px 10px;
|
||||
flex-wrap: wrap;
|
||||
& div {
|
||||
display: flex;
|
||||
|
Loading…
x
Reference in New Issue
Block a user