Improve gateway traffic dashboard and connection branding
This commit is contained in:
@@ -29,6 +29,7 @@
|
||||
}
|
||||
|
||||
.client-power-control {
|
||||
position: relative;
|
||||
width: 96px;
|
||||
height: 96px;
|
||||
display: grid;
|
||||
@@ -38,18 +39,31 @@
|
||||
|
||||
.client-power-section.is-gateway .client-power-control,
|
||||
.client-power-section.is-gateway .client-power {
|
||||
width: 68px;
|
||||
height: 68px;
|
||||
width: 84px;
|
||||
height: 84px;
|
||||
}
|
||||
|
||||
.client-power-section.is-gateway .client-power svg {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
}
|
||||
|
||||
.client-power-section.is-gateway .client-power::before {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
width: 52px;
|
||||
height: 52px;
|
||||
}
|
||||
|
||||
.client-power-control > .client-tooltip {
|
||||
top: calc(100% + 12px);
|
||||
right: auto;
|
||||
bottom: auto;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -2px);
|
||||
}
|
||||
|
||||
.client-power-control.client-tooltip-anchor:hover > .client-tooltip,
|
||||
.client-power-control.client-tooltip-anchor:focus-visible > .client-tooltip {
|
||||
transform: translate(-50%, 0);
|
||||
}
|
||||
|
||||
.client-power-control:focus-visible {
|
||||
|
||||
Reference in New Issue
Block a user