Initial commit
This commit is contained in:
102
Frontend/pages/home/sass/Connections.scss
Normal file
102
Frontend/pages/home/sass/Connections.scss
Normal file
@@ -0,0 +1,102 @@
|
||||
.connections {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
|
||||
.connected {
|
||||
width: calc(80% - 20px);
|
||||
height: calc(100% - 20px);
|
||||
padding: 10px;
|
||||
border-right: 2px solid var(--main-color);
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
|
||||
tr {
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
th,
|
||||
td {
|
||||
text-align: left;
|
||||
border-bottom: 1px solid #323232;
|
||||
}
|
||||
|
||||
td {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.status {
|
||||
width: 100px;
|
||||
|
||||
.statuscontainer {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
|
||||
.value {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
border: 2px solid #00000044;
|
||||
border-radius: 100%;
|
||||
|
||||
&.online {
|
||||
background: green;
|
||||
}
|
||||
|
||||
&.offline {
|
||||
background: var(--color-red);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.name {}
|
||||
|
||||
.integration {}
|
||||
|
||||
.type {}
|
||||
}
|
||||
}
|
||||
|
||||
.connectionbrowser {
|
||||
width: calc(20% - 20px);
|
||||
height: calc(100% - 20px);
|
||||
min-width: 200px;
|
||||
padding: 10px;
|
||||
background: var(--subpanel-color);
|
||||
|
||||
.available {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
transition-duration: .2s;
|
||||
cursor: pointer;
|
||||
font-size: 12px;
|
||||
height: 30px;
|
||||
border-bottom: 1px solid #323232;
|
||||
|
||||
|
||||
|
||||
.integration {
|
||||
margin-right: 10px;
|
||||
font-weight: 600;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.connectionName {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user