141 lines
3.0 KiB
Plaintext
141 lines
3.0 KiB
Plaintext
.container {
|
|
background: var(--oak-bg-color-container);
|
|
box-shadow: 0 2px 3px #0000001a;
|
|
border-radius: 3px;
|
|
padding: 30px 32px;
|
|
min-height: 450px;
|
|
|
|
.article {
|
|
display: flex;
|
|
flex-direction: row;
|
|
|
|
.menu {
|
|
display: flex;
|
|
}
|
|
|
|
.editor {
|
|
display: flex;
|
|
flex: 1;
|
|
margin-left: 20px;
|
|
|
|
.editorInner {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex: 1;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.articleItem {
|
|
display: flex;
|
|
flex-direction: row;
|
|
|
|
.icon {
|
|
display: flex;
|
|
margin-right: 5px;
|
|
align-items: center;
|
|
|
|
.dot {
|
|
width: 4px;
|
|
height: 4px;
|
|
border-radius: 2px;
|
|
background: #1677ff;
|
|
}
|
|
}
|
|
|
|
.label {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
}
|
|
|
|
.space {
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.tree {
|
|
:global {
|
|
.ant-tree-title {
|
|
display: flex;
|
|
flex: 1;
|
|
}
|
|
}
|
|
}
|
|
|
|
.siderPanel {
|
|
flex-shrink: 0;
|
|
height: 100%;
|
|
// border-right: 1px solid var(--oak-border-color);
|
|
overflow-y: hidden;
|
|
overflow-x: hidden;
|
|
position: fixed;
|
|
background-image: linear-gradient(-90deg,rgba(0,0,0,.01),transparent);
|
|
|
|
.icon {
|
|
font-size: 20px;
|
|
}
|
|
|
|
:global {
|
|
.ant-layout-sider-children {
|
|
// height: calc(100% - 48px);
|
|
height: 100% !important;
|
|
overflow-y: auto;
|
|
|
|
|
|
.ant-menu-inline {
|
|
border: none !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.drawerPanel {
|
|
:global {
|
|
.ant-drawer-body {
|
|
padding: 0 !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
.myMenu {
|
|
:global {
|
|
.ant-layout-sider-children{
|
|
.ant-menu-inline {
|
|
border-inline-end: 0px !important;
|
|
}
|
|
}
|
|
|
|
.ant-menu-submenu-title {
|
|
display: flex !important;
|
|
flex-direction: row-reverse !important;
|
|
margin-block: 0 !important;
|
|
}
|
|
.ant-menu-title-content {
|
|
|
|
}
|
|
.ant-menu-submenu-selected >.ant-menu-submenu-title {
|
|
color: #000 !important;
|
|
}
|
|
.ant-menu-submenu-title:hover:not(.ant-menu-item-selected) {
|
|
background: #ffffff !important;
|
|
}
|
|
.ant-menu-title-content:hover {
|
|
color: #999 !important;
|
|
}
|
|
.ant-menu-submenu-arrow {
|
|
position: unset !important;
|
|
}
|
|
.ant-menu-submenu-title > .ant-menu-submenu-arrow::before {
|
|
transform: rotate(135deg) translateX(2.5px) !important;
|
|
}
|
|
.ant-menu-submenu-arrow::after {
|
|
transform: rotate(45deg) translatex(-2.5px) !important;
|
|
}
|
|
.ant-menu-submenu-open.ant-menu-submenu-inline>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before {
|
|
transform: rotate(225deg) translatex(2.5px) !important;
|
|
}
|
|
.ant-menu-submenu-open.ant-menu-submenu-inline>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after {
|
|
transform: rotate(135deg) translatex(-2.5px) !important;
|
|
}
|
|
}
|
|
} |