nyx_server/ui/app/App.css

Node内容发布

body {
  background: #EEE;
}

.nyx-header {
  display: flex;
  height: 80px;
  margin-bottom: 24px;
  background: #FFF;
  border-bottom: 2px solid #2db7f5
}

.nyx-header h1 {
  flex: 1;
  text-align: left;
  padding-left: 20px;
  line-height: 80px;
}

.nyx-header > div {
  width: 200px;
  text-align: right;
  line-height: 80px;
  padding-right: 24px;
}

.nyx-layout-wrapper {
  margin: 0 24px;
  border-radius: 6px;
  padding: 12px 0;
  margin-bottom: 24px;
  display: flex;
  background: #FFF;
  min-height: 400px;
}

.nyx-layout-aside {
  width: 220px;
  padding-left: 12px;
  border-right: 1px solid #eee;
}

.nyx-layout-main {
  flex: 1;
  padding: 0 12px;
  display: flex;
}

.nyx-project-main {
  padding: 12px 0;
}

.nyx-login {
  margin: 48px 24px 24px 24px;
  border-radius: 6px;
  padding: 12px 0;
  background: #FFF;
  min-height: 400px;
}

.nyx-login > h1 {
  text-align: center;
  margin: 30px;
}

.nyx-project-title {
  color: #2db7f5;
  display: inline-block;
  padding-left: 20px;
  /*border-left: 2px solid #2db7f5;*/
}

.nyx-nav > h2 {
  padding-bottom: 10px;
}

.nyx-nav-item {
  padding-top: 10px;
  padding-bottom: 8px;
  line-height: 18px;
  font-size: 14px;
  cursor: pointer;
}

.nyx-nav-item a {
  color: #CCC;
}
.nyx-nav-item:hover a{
  color: #2db7f5;
}
.nyx-nav-selected {
  border-right: 2px solid #2db7f5;
}

.nyx-nav-selected a {
  color: #2db7f5;
}

.nyx-userinfo em {
  font-style: normal;
}
.nyx-userinfo span {
  padding-left: 10px;
}

.nyx-dev .nyx-layout-wrapper {
  display: block;
}

.column-toobar {
  margin: 0 24px;
  border-radius: 6px;
  /*padding: 12px 0;*/
  margin-bottom: 8px;
  display: flex;
  background: #FFF;
}