wb-table/css/index.scss

158 lines
2.1 KiB
SCSS
Raw Normal View History

2022-03-13 01:23:31 +08:00
@import './common.scss';
2022-03-11 00:39:09 +08:00
.main {
2022-03-15 20:00:33 +08:00
overflow: hidden;
2022-03-11 12:13:08 +08:00
flex: 1;
2022-03-11 00:39:09 +08:00
2022-03-14 19:03:17 +08:00
.wrapper {
height: 100%;
}
2022-03-11 00:39:09 +08:00
.table-info {
2022-03-11 12:13:08 +08:00
width: 100%;
height: 64px;
2022-03-13 01:23:31 +08:00
2022-03-14 19:03:17 +08:00
i {
color: var(--color-red-1);
}
2022-03-14 00:16:51 +08:00
.download {
2022-03-14 19:03:17 +08:00
margin-left: 32px;
2022-03-14 00:16:51 +08:00
}
2022-03-11 12:13:08 +08:00
}
.search {
width: 100%;
.field {
margin-top: 16px;
2022-03-11 15:47:27 +08:00
&.result {
line-height: 2;
2022-03-11 16:23:29 +08:00
font-family: Menlo;
2022-03-11 15:47:27 +08:00
word-wrap: break-word;
white-space: pre-wrap;
}
2022-03-11 12:13:08 +08:00
wc-input {
flex: 1;
}
}
2022-03-11 00:39:09 +08:00
}
2022-03-14 19:03:17 +08:00
.panel {
2022-03-15 20:00:33 +08:00
overflow: hidden;
flex: 1;
2022-03-14 19:03:17 +08:00
margin-top: 32px;
2022-03-15 20:00:33 +08:00
2022-03-14 19:03:17 +08:00
.custom-file {
position: relative;
width: 160px;
input {
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
}
}
.tips {
color: var(--color-orange-3);
}
2022-03-13 01:23:31 +08:00
2022-03-15 20:00:33 +08:00
.scroll-view {
overflow: hidden;
flex: 1;
}
2022-03-14 19:03:17 +08:00
.preview {
margin-top: 16px;
font-family: Menlo;
2022-03-15 20:00:33 +08:00
word-break: keep-all;
2022-03-14 19:03:17 +08:00
white-space: pre-wrap;
}
}
2022-03-13 01:23:31 +08:00
2022-03-14 19:03:17 +08:00
/* */
.about {
padding: 32px 16px;
2022-03-13 01:23:31 +08:00
h2 {
2022-03-14 19:03:17 +08:00
font-size: 24px;
2022-03-13 01:23:31 +08:00
}
.logs {
.version {
2022-03-14 19:03:17 +08:00
margin-top: 32px;
line-height: 2;
font-weight: bold;
font-size: 18px;
2022-03-13 01:23:31 +08:00
}
dd {
2022-03-14 19:03:17 +08:00
color: var(--color-grey-3);
2022-03-13 01:23:31 +08:00
}
ol {
2022-03-14 19:03:17 +08:00
padding-left: 2em;
2022-03-13 01:23:31 +08:00
list-style: decimal;
}
}
}
2022-03-11 12:13:08 +08:00
}
2022-03-14 00:16:51 +08:00
.download-layer {
2022-03-14 19:03:17 +08:00
width: 640px;
padding-bottom: 64px;
background: #fff;
2022-03-14 00:16:51 +08:00
.field {
2022-03-14 19:03:17 +08:00
margin-top: 16px;
padding: 0 16px;
2022-03-14 00:16:51 +08:00
.label {
2022-03-14 19:03:17 +08:00
min-width: 120px;
padding-right: 16px;
2022-03-14 00:16:51 +08:00
line-height: 32px;
2022-03-14 19:03:17 +08:00
text-align: right;
font-weight: bold;
color: var(--color-grey-3);
2022-03-14 00:16:51 +08:00
&::after {
2022-03-14 19:03:17 +08:00
content: ' : ';
2022-03-14 00:16:51 +08:00
}
}
2022-03-14 19:03:17 +08:00
.tips {
margin-left: 16px;
line-height: 32px;
color: var(--color-orange-3);
}
2022-03-13 01:23:31 +08:00
2022-03-14 19:03:17 +08:00
&.ctrol {
padding: 0 128px;
margin-top: 64px;
}
}
}
2022-03-13 01:23:31 +08:00
2022-03-11 12:13:08 +08:00
@media screen and (max-width: 1024px) {
.topbar,
.main {
padding: 0 16px;
}
2022-03-15 20:00:33 +08:00
.wrapper {
width: 100%;
}
2022-03-11 12:13:08 +08:00
.footer {
.wrapper {
flex-direction: column;
align-items: center;
justify-content: center;
}
}
}