adjusted css selectors & contained styles

This commit is contained in:
toando-netexperience
2021-11-09 13:49:27 -05:00
parent e7b07286c0
commit eeec605c7f
3 changed files with 72 additions and 71 deletions

View File

@@ -1,3 +1,4 @@
.Menu { .Menu {
width: 100%; width: 100%;
border-bottom: 0;
} }

View File

@@ -21,8 +21,8 @@
} }
} }
:global(:not(.ant-menu-dark).ant-menu-horizontal > .ant-menu-item), :global(.ant-menu-horizontal > .ant-menu-item),
:global(:not(.ant-menu-dark).ant-menu-horizontal > .ant-menu-submenu), :global(.ant-menu-horizontal > .ant-menu-submenu),
:global(.ant-menu-dark.ant-menu-horizontal > .ant-menu-item), :global(.ant-menu-dark.ant-menu-horizontal > .ant-menu-item),
:global(.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu) { :global(.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu) {
height: 100%; height: 100%;

View File

@@ -34,88 +34,88 @@
:global(.ant-form-item) { :global(.ant-form-item) {
flex: 1; flex: 1;
} }
}
.InlineBlockDiv { .InlineBlockDiv {
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
:global(.ant-avatar) { :global(.ant-avatar) {
margin-right: 20px;
}
}
.WifiIcon {
background-color: transparent;
color: #35a649;
border: none;
font-size: 40px;
vertical-align: middle;
margin-right: 20px; margin-right: 20px;
} }
}
.WifiIcon { .backButton {
background-color: transparent; margin-top: 5px;
color: #35a649; }
border: none;
font-size: 40px;
vertical-align: middle;
margin-right: 20px;
}
.backButton { .InlineDiv {
margin-top: 5px; display: flex;
} flex-wrap: wrap;
justify-content: space-around;
}
.InlineDiv { .InlineDiv > * {
display: flex; flex: 1;
flex-wrap: wrap; margin: 0 10px 0 0;
justify-content: space-around; }
}
.InlineDiv > * { .InlineBetweenDiv {
flex: 1; display: flex;
margin: 0 10px 0 0; align-items: center;
} justify-content: space-between;
}
.InlineBetweenDiv { .saveButton {
display: flex; margin-top: 10px;
align-items: center; min-width: 139px;
justify-content: space-between; max-width: 100%;
} }
.saveButton { .InlineEndDiv {
margin-top: 10px; display: flex;
min-width: 139px; justify-content: flex-end;
max-width: 100%; }
}
.InlineEndDiv { p {
display: flex; font-weight: bold !important;
justify-content: flex-end; font-size: 16px;
} }
.spanStyle {
flex: 1;
margin-left: 10px;
}
p { .UpgradeState {
font-weight: bold !important; margin-left: 20px;
font-size: 16px; }
}
.spanStyle {
flex: 1;
margin-left: 10px;
}
.UpgradeState { .HeaderDiv {
margin-left: 20px; display: flex;
} }
.HeaderDiv { .troubleshootBtnsDiv {
display: flex; & > * {
} margin-right: 10px;
}
}
.troubleshootBtnsDiv { .tabContentContainer {
& > * { margin-top: 10px;
margin-right: 10px; }
.Row {
cursor: pointer;
}
a {
color: white;
} }
} }
.tabContentContainer {
margin-top: 10px;
}
.Row {
cursor: pointer;
}
a {
color: white;
}