• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1/*
2 * Copyright (c) 2024 Huawei Device Co., Ltd.
3 * Licensed under the Apache License, Version 2.0 (the "License");
4 * you may not use this file except in compliance with the License.
5 * You may obtain a copy of the License at
6 *
7 * http://www.apache.org/licenses/LICENSE-2.0
8 *
9 * Unless required by applicable law or agreed to in writing, software
10 * distributed under the License is distributed on an "AS IS" BASIS,
11 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12 * See the License for the specific language governing permissions and
13 * limitations under the License.
14 */
15
16.container {
17    display: flex;
18    padding: 12px 24px;
19    align-items: center;
20}
21.title {
22    font-family: 'Roboto Mono';
23    font-size: 32px;
24    font-weight: 600;
25    margin-right: 42px;
26}
27.linksContainer {
28    display: flex;
29    gap: 24px
30}
31.link {
32    font-family: 'Roboto Mono';
33    font-size: 18px;
34    color: var(--primary1) !important;
35}
36.settings {
37    margin-left: auto;
38    cursor: pointer;
39    padding: 8px;
40}
41.menu {
42    background: var(--divider);
43    width: 245px;
44}
45.menuItem, .menuItem > span {
46    color: var(--text-color) !important;
47    align-items: center;
48}
49.pop > div:before {
50    display: flex;
51}
52.pop {
53    div > svg > path:last-child {
54        fill: var(--divider) !important;
55    }
56}
57.switch {
58    margin: 0 !important;
59}
60.switch {
61    span {
62        margin: 0 !important;
63    }
64}
65.switch {
66    input:checked ~ span {
67        background-color: var(--primary1) !important;
68        outline: none !important;
69    }
70    input:focus ~ span {
71        outline: none !important;
72    }
73}
74.color {
75    width: 32px;
76    height: 32px;
77    border: 1px solid var(--divider);
78    border-radius: 4px;
79    cursor: pointer;
80}
81.colorContainer {
82    display: flex;
83    gap: 4px;
84    padding: 5px 7px;
85    flex-wrap: wrap;
86}
87
88.hr {
89    width: 100%;
90    height: 1px;
91    background-color: var(--text-color);
92    margin: 4px 0;
93    opacity: 0.3;
94}
95.versionsContainer {
96    display: flex;
97    flex-direction: column;
98    gap: 4px;
99    padding: 5px 7px;
100}
101.versionTitle {
102    color: var(--text-color);
103    margin-bottom: 0 !important;
104    margin-right: 4px;
105    opacity: 0.3;
106}
107.preTag {
108    margin: 0 !important;
109    color: var(--text-color);
110    font-family: 'Roboto Mono';
111    white-space: pre-wrap;
112    word-wrap: break-word;
113    font-size: 12px;
114}
115.preTag > span {
116    width: 190px;
117}
118