[class*='g-image'] {
    position: relative;
    object-fit: cover;
    overflow: hidden;

    &:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: url("~@pc/assets/images/avatar.jpg") no-repeat center;
        background-size: cover;
    }
}

.g-red {
    color: red;
}

.g-fieldset {
    min-width: auto;
    width: 100%;
    border: 1px solid #efefef;
    border-radius: 4px;
    padding: 20px 0;

    &:not(:first-child) {
        margin-top: 20px;
    }

    &__legend {
        font-weight: bold;
        margin-left: 20px;
    }
}

.el-form {
    &-item:last-child {
        margin-bottom: 0;
    }
}

.el-popper {
    &.is-light {
        border: 0;
    }

    .el-menu {
        border-radius: 4px;
        box-shadow: 0 2px 30px 0 rgba(0, 0, 0, .15);

        &--popup {
            min-width: 160px;
        }

        &--vertical {
            .el-menu {
                &-item {
                    height: 44px;
                    line-height: 44px;
                    color: #666;

                    &.is-active {
                        color: var(--sidebar-menu-item-active);
                    }
                }
            }
        }
    }
}

.el-dropdown-menu {
    padding: 10px 0;

    &__item {
        line-height: 36px;
        padding: 0 20px;
    }
}

.g-text-message {
    display: flex;
    flex-direction: column;
    font-size: 16px;
    line-height: 1.5;
}

.g-view-tree {
    display: flex;

    .app-view:first-child {
        flex: none;
        min-width: 240px;

        .app-view {

            &__header,
            &__footer,
            &__main {
                padding-right: 0;
            }

            &__container {
                min-width: 240px;
            }
        }
    }
}