@import './scrollbar.scss';
@import './fonts.css';

html,body{
    height: fit-content;
}

#main {
    height: 100%;
}

.ant-layout-sider-children .logo {
    height: 32px;
    background: rgba(255, 255, 255, 0.2);
    margin: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e7d2dd;
    transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
                width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

    &>img {
        max-width: 100%;
        max-height: 100%;
        border-radius: 50%;
    }
}

.logo-small {
    background: transparent !important;
}

.ant-layout-sider + section.ant-layout {
    transition: width 2s;

    & .ant-layout-content {
        transition: width 2s;
    }
}

.dashboard-header{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    position: realtive;

    .dashboard-header-title {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 40px;
        margin: 10px;
        &::before,&::after{
            width: 3vh;
            height: 3vh;
        }
    }

    .ant-switch {
        position: absolute;
        right: 10px;
    }
}

.dashboard-wrap-routes{
    display: flex;
    align-content: center;
    justify-content: center;


    #vditor img {
        width: 100%;
    }
}