style(quick-pane): emphasize drag strip
This commit is contained in:
@@ -47,10 +47,26 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.quick-pane-drag-strip {
|
.quick-pane-drag-strip {
|
||||||
|
position: relative;
|
||||||
height: 8px;
|
height: 8px;
|
||||||
flex: 0 0 8px;
|
flex: 0 0 8px;
|
||||||
cursor: move;
|
cursor: move;
|
||||||
touch-action: none;
|
touch-action: none;
|
||||||
|
border-bottom: 1px solid #70522f;
|
||||||
|
background: linear-gradient(90deg, transparent, rgba(240, 163, 71, 0.14), transparent);
|
||||||
|
}
|
||||||
|
|
||||||
|
.quick-pane-drag-strip::after {
|
||||||
|
position: absolute;
|
||||||
|
top: 2px;
|
||||||
|
left: 50%;
|
||||||
|
width: 44px;
|
||||||
|
height: 3px;
|
||||||
|
border-radius: 999px;
|
||||||
|
background: #f0a347;
|
||||||
|
box-shadow: 0 0 8px rgba(240, 163, 71, 0.45);
|
||||||
|
content: "";
|
||||||
|
transform: translateX(-50%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.quick-pane-toolbar {
|
.quick-pane-toolbar {
|
||||||
|
|||||||
Reference in New Issue
Block a user