/*
* Tencent is pleased to support the open source community by making 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community
* Edition) available.
* Copyright (C) 2017-2021 THL A29 Limited, a Tencent company. All rights reserved.
* Licensed under the MIT License (the "License"); you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
* http://opensource.org/licenses/MIT
* Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on
* an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the
* specific language governing permissions and limitations under the License.
*/

.logs-list {
    width: 200px;
    position: absolute;
    top: 0;
    bottom: 0;
    overflow-y: auto;
    border-right: 1px solid #ddd;
}

.log-body {
    position: absolute;
    left: 200px;
    right: 0;
    bottom: 0;
    top: 0;
    overflow-y: auto;
}

.page-inner {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
}

.logs-list ul {
    padding-inline-start: 0px;
}

.logs-list li {
    list-style-type: none;
    border-top: 1px solid #ddd;
    cursor: pointer;
    padding: 20px 40px;
}

.logs-list li:last-child {
    border-bottom: 1px solid #ddd;
}

.logs-list li:first-child {
    border-top: 0px;
}

.logs-list span {
    color: #979BA5;
    font-size: 16px;
}

.logs-list .active span{
    color: #3A84FF !important;
}

.logs-list li:hover span{
    color: #63656E;
}

#log-detail {
    font-size: 16px;
}

