style: final archive UI alignment fix and branding polish
This commit is contained in:
19
popup.css
19
popup.css
@@ -371,16 +371,29 @@ button {
|
|||||||
|
|
||||||
/* Archived Items Polish */
|
/* Archived Items Polish */
|
||||||
#archive-list .rule-item {
|
#archive-list .rule-item {
|
||||||
opacity: 0.75;
|
opacity: 0.85;
|
||||||
background: rgba(248, 250, 252, 0.8);
|
background: rgba(248, 250, 252, 0.6);
|
||||||
border-style: dashed;
|
border-style: dashed;
|
||||||
|
padding-left: 8px; /* 移除拖拽手柄留下的空白 */
|
||||||
}
|
}
|
||||||
|
|
||||||
#archive-list .rule-info {
|
#archive-list .rule-info {
|
||||||
filter: grayscale(0.5);
|
filter: grayscale(0.4);
|
||||||
|
padding-left: 4px; /* 让文字更靠左 */
|
||||||
|
}
|
||||||
|
|
||||||
|
#archive-list .rule-item:hover {
|
||||||
|
opacity: 1;
|
||||||
|
background: #ffffff;
|
||||||
|
border-style: solid;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-restore {
|
.btn-restore {
|
||||||
color: var(--success-color);
|
color: var(--success-color);
|
||||||
background: rgba(16, 185, 129, 0.05);
|
background: rgba(16, 185, 129, 0.05);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.btn-restore:hover {
|
||||||
|
background: rgba(16, 185, 129, 0.15);
|
||||||
|
color: #059669;
|
||||||
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user