style: refine earth legend item presentation
This commit is contained in:
@@ -24,11 +24,18 @@
|
|||||||
#legend .legend-item {
|
#legend .legend-item {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
padding: 6px 8px;
|
||||||
|
border-radius: 10px;
|
||||||
|
background: linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(120, 180, 255, 0.02));
|
||||||
|
border: 1px solid rgba(225, 242, 255, 0.06);
|
||||||
}
|
}
|
||||||
|
|
||||||
#legend .legend-color {
|
#legend .legend-color {
|
||||||
width: 20px;
|
width: 20px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
border-radius: 3px;
|
border-radius: 6px;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
|
box-shadow:
|
||||||
|
inset 0 1px 0 rgba(255, 255, 255, 0.2),
|
||||||
|
0 0 12px rgba(77, 184, 255, 0.18);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user