add styles
This commit is contained in:
parent
fd38cfc2a9
commit
682002c39d
@ -59,7 +59,7 @@ async function loadGraph() {
|
|||||||
}
|
}
|
||||||
graph.value.edges.map(function (edge: GraphEdge) {
|
graph.value.edges.map(function (edge: GraphEdge) {
|
||||||
if (edge.type == 'application') {
|
if (edge.type == 'application') {
|
||||||
edge.color = '#cccccc'
|
edge.color = '#aaaaaa'
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
graph.value.nodes = graph.value.nodes.map(function (it: GraphNode) {
|
graph.value.nodes = graph.value.nodes.map(function (it: GraphNode) {
|
||||||
@ -333,12 +333,11 @@ function nodeHeader(node: GraphNode): string {
|
|||||||
padding: 3px 7px;
|
padding: 3px 7px;
|
||||||
margin: 5px 5px 5px 0;
|
margin: 5px 5px 5px 0;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
border-radius: 7px;
|
border: 1px solid #777777;
|
||||||
border: 1px solid #373737;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-button:hover {
|
.editor-button:hover {
|
||||||
background-color: #dddddd;
|
background-color: #eeeeee;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -441,7 +440,7 @@ function nodeHeader(node: GraphNode): string {
|
|||||||
background: white;
|
background: white;
|
||||||
line-height: 18px;
|
line-height: 18px;
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
color: #777;
|
color: #444444;
|
||||||
transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1);
|
transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -455,7 +454,7 @@ function nodeHeader(node: GraphNode): string {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.checkbox-green input[type="checkbox"]:checked+.checkbox-green-switch {
|
.checkbox-green input[type="checkbox"]:checked+.checkbox-green-switch {
|
||||||
background-color: #848484;
|
background-color: #777777;
|
||||||
}
|
}
|
||||||
|
|
||||||
.checkbox-green input[type="checkbox"]:checked+.checkbox-green-switch:before {
|
.checkbox-green input[type="checkbox"]:checked+.checkbox-green-switch:before {
|
||||||
@ -465,7 +464,7 @@ function nodeHeader(node: GraphNode): string {
|
|||||||
|
|
||||||
.checkbox-green input[type="checkbox"]:checked+.checkbox-green-switch:after {
|
.checkbox-green input[type="checkbox"]:checked+.checkbox-green-switch:after {
|
||||||
content: attr(data-label-on);
|
content: attr(data-label-on);
|
||||||
color: #848484;
|
color: #777777;
|
||||||
transform: translate3d(44px, 0, 0);
|
transform: translate3d(44px, 0, 0);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user