.main-page {
    @apply flex w-full h-full;
    min-width: $small-screen;
    background: $backdrop;

    .aside {
        @apply flex flex-col items-center;
        width: 49px;
        border-right: 1px solid $border-gray;
        background-color: #fff;

        .logo {
            width: 49px;
            height: 49px;
            background: url("@/assets/logo.png") no-repeat center;
            background-size: 34px 34px;
        }
        .menu {
            @apply w-full;
            flex: 1;
            .item {
                @apply flex justify-center items-center cursor-pointer;
                height: 42px;
                margin-top: 20px;
                &.exact-active {
                    background: #e6e6e6;
                }
                .icon {
                    font-size: 18px;
                }
            }
        }
        .tools {
            @apply w-full;
            .item {
                @apply flex justify-center items-center cursor-pointer;
                margin-bottom: 10px;
                .icon {
                    font-size: 18px;
                }
            }
        }
    }

    .main {
        width: calc(100% - 49px);
    }
}
