Docker/portainer
Docker/portainer
1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-08-05 05:45:22 +02:00
Code Issues Releases Activity

feat(swarm-visualizer): add the swarm-visualizer view (#1190)

Browse source
This commit is contained in:
Anthony Lapenna 2017-09-14 08:04:59 +02:00 • committed by GitHub
parent be4f3ec81d
commit 87825f7ebb
9 changed files with 307 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

77
assets/css/app.css
View file

@ -474,6 +474,83 @@ ul.sidebar .sidebar-list .sidebar-sublist a.active {
}
}
.visualizer_container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
}
.visualizer_container .node {
border: 1px dashed #337ab7;
background-color: rgb(51, 122, 183);
background-color: rgba(51, 122, 183, 0.1);
border-radius: 4px;
box-shadow: 0 3px 10px -2px rgba(161, 170, 166, 0.5);
padding: 15px;
margin: 5px;
}
.visualizer_container .node .node_info {
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
border-bottom: 1px solid #777;
padding-bottom: 10px;
}
.visualizer_container .node .tasks {
display: flex;
flex-direction: column;
margin-top: 5px;
}
.visualizer_container .node .tasks .task {
border: 1px solid #333333;
border-radius: 2px;
box-shadow: 0 3px 10px -2px rgba(161, 170, 166, 0.5);
padding: 10px;
margin: 5px;
}
.visualizer_container .node .tasks .task div {
padding: 2px;
}
.visualizer_container .node .tasks .task_running {
border: 2px solid #23ae89;
border-radius: 4px;
background-color: rgb(35, 174, 137);
background-color: rgba(35, 174, 137, 0.2);
}
.visualizer_container .node .tasks .task_stopped {
border: 2px solid #ae2323;
border-radius: 4px;
background-color: rgb(174, 35, 35);
background-color: rgba(174, 35, 35, 0.2);
}
.visualizer_container .node .tasks .task_warning {
border: 2px solid #f0ad4e;
border-radius: 4px;
background-color: rgb(240, 173, 78);
background-color: rgba(240, 173, 78, 0.2);
}
.visualizer_container .node .tasks .task_info {
border: 2px solid #46b8da;
border-radius: 4px;
background-color: rgb(70, 184, 218);
background-color: rgba(70, 184, 218, 0.2);
}
.visualizer_container .node .tasks .task .service_name {
text-align: center;
margin-bottom: 5px;
}
/*bootbox override*/
.modal-open {
padding-right: 0 !important;