GeekPark/gpk_account

View on GitHub
app/assets/stylesheets/admin/layout.scss

Summary

Maintainability
Test Coverage
.ant-layout-aside {
  position: relative;
  min-height: 100vh;
}

.ant-layout-aside .ant-layout-logo {
  display: block;
  width: 150px;
  height: 32px;
  margin: 16px 24px 16px 28px;
  background: image-url('logo_white.png') center center no-repeat;
  background-size: 100% auto;
}

.ant-layout-aside .ant-layout-sider {
  width: 224px;
  background: #404040;
  position: absolute;
  overflow: auto;
  padding-bottom: 24px;
  height: 100%;
}

.ant-layout-aside .ant-layout-sider > .ant-menu {
  margin-bottom: 20px;
}

.ant-layout-aside .ant-layout-main {
  margin-left: 224px;
}

.ant-layout-aside .ant-layout-content {
  background: #fff;
  padding: 24px;
  min-height: calc(100vh - 80px);
}

.ant-layout-aside .ant-layout-footer {
  height: 64px;
  line-height: 64px;
  text-align: center;
  font-size: 12px;
  color: #999;
  background: #fff;
  border-top: 1px solid #e9e9e9;
  width: 100%;
}