TelpoH5FrontendWeb/src/views/gps-card-frontend/device-power/index.scss

.device-power {
    position: relative;
    /* overflow: hidden; */
    overflow: hidden;
    height: 100vh;
    background-color: #fff;
    .top {
        padding: 10px 15px;
        text-align: left;
        @media screen and (max-width: 550px) and (min-width: 200px){
           font-size: 16px;
        }
    }
    .action {
        display: flex;
        justify-content: space-between;
        @media screen and (max-width: 550px) and (min-width: 200px){
            justify-content: space-around;
        }
        align-items: center;
        padding: 0 10px;
        .left {
            border: .5px solid $lineGray;;
            .van-dropdown-menu {
                .van-dropdown-menu__bar {
                    /* border: .5px solid #000; */
                    .van-dropdown-menu__item {
                        min-width: 150px !important;
                    }
                }
            }
        }
        .right {
            .btn {
                &.active {
                    color: $blue;
                    border: .5px solid $blue;
                }
            }
        }
    }
    .details-container{
        position: relative;
        padding: 10px;

        @media screen and (max-width: 1920px) and (min-width: 550px){
            height: 100px;
            overflow: scroll;
        }
        @media screen and (max-width: 550px) and (min-width: 200px){
            max-height: 500px;
            overflow: scroll;
        }
        .last-time {
            text-align: left;
            font-weight: bold;
            padding-left: 1px;
        }
        .echart {
            height: 30%;
            padding: 0 5px;
        }
    }
}