add styles

This commit is contained in:
Владимир Фёдоров 2025-12-14 14:28:06 +07:00
parent fd38cfc2a9
commit 682002c39d

View File

@ -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);
} }