index-view-layout-left.scss 2.4 KB
Newer Older
1 2
.index-view-layout--left {
    position: relative;
3 4 5
    font-size: var(--app-font-size);
    line-height: var(--app-line-height);
    color: var(--app-color-black);
6

7
    .index-view-sider {
8 9 10
        flex: none !important;
        max-width: none !important;
        transition: none 0s ease 0s;
11 12
        background-color: #001529;
        color: var(--app-color-white);
13

14
        .index-view-sider__top {
15 16 17 18
            height: 64px;
            display: flex;
            justify-content: center;
            align-items: center;
19 20 21 22 23 24 25

            .app-icon {
                width: 37px;
                height: 37px;
            }

            .app-caption {
26 27
                font-size: 18px;
                font-weight: 400;
28 29 30
                margin-left: 10px;
                color: var(--app-color-white);
            }
31 32 33
        }

        .app-menu {
34
            height: calc(100% - 164px);
35 36 37
            overflow-y: auto;
            overflow-x: hidden;
        }
38 39

        .index-view-sider__bottom {
40 41 42 43 44
            height: 100px;
            display: flex;
            align-items: center;
            border-top: 1px solid #000;

45 46 47 48 49 50 51 52 53 54 55
            .collapse-icon {
                font-size: 20px;
                color: var(--app-color-white);
                margin-left: 15px;
                cursor: pointer;

                &:hover {
                    color: var(--app-color-blue);
                }
            }
        }
56 57
    }

58
    .index-view-split {
59
        position: absolute;
60 61
        left: 204px;
        width: 4px;
62 63 64 65
        height: 100%;
        cursor: w-resize;
    }

66
    .index-view-header {
67
        height: 64px;
68 69
        display: flex;
        justify-content: space-between;
70
        align-items: center;
71 72
        background-color: #001529;
        color: var(--app-color-white);
73

74
        .index-view-header__left {
75 76 77 78 79 80
            display: flex;
            font-size: 21px;
            margin-left: 8px;
            align-items: center;
        }

81
        .index-view-header__right {
82 83
            display: flex;
            align-items: center;
84
            margin-right: 38px;
85
        }
86
    }
87

88
    .index-view-content {
89
        height: calc(100% - 64px);
90
        background-color: var(--ey-color-gray-250);
91 92 93

        >.view-container {
            overflow: auto;
94
            margin: 0 12px;
95 96
        }

97
        &.index-view-content--tab {
98 99

            >.view-container {
100
                height: calc(100% - 65px);
101 102
            }
        }
103 104
    }
}