qinglong/src/layouts/index.less
2021-07-03 18:38:02 +08:00

117 lines
2.5 KiB
Plaintext

@import '~@/styles/variable.less';
@font-face {
font-family: 'Source Code Pro';
src: url('../assets/fonts/SourceCodePro-Regular.ttf.woff2') format('woff2'),
url('../assets/fonts/SourceCodePro-Regular.otf.woff') format('woff'),
url('../assets/fonts/SourceCodePro-Regular.ttf') format('truetype');
}
body {
height: 100%;
overflow-y: hidden;
background-color: rgb(248, 248, 248);
}
@import '~codemirror/lib/codemirror.css';
.ql-container-wrapper {
.CodeMirror {
position: absolute;
height: calc(100vh - 128px);
height: calc(100vh - var(--vh-offset, 0px) - 128px);
width: calc(100% - 32px);
}
}
.ant-pro-grid-content.wide {
max-width: unset !important;
overflow: auto;
.ant-pro-page-container-children-content {
overflow: auto;
height: calc(100vh - 96px);
height: calc(100vh - var(--vh-offset, 0px) - 96px);
background-color: #fff;
padding: 16px;
}
}
.ant-table-cell-ellipsis {
text-align: left !important;
}
.ant-tooltip {
max-width: 500px !important;
.ant-tooltip-inner {
word-break: break-all !important;
}
}
.env-wrapper {
th {
white-space: nowrap;
}
}
.log-wrapper {
.log-select {
width: 300px;
}
.ant-page-header-heading-left {
min-width: 100px;
}
}
.config-wrapper {
.config-select {
width: 250px;
}
.ant-page-header-heading-left {
min-width: 100px;
}
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
transition-delay: 99999s;
transition: color 99999s ease-out, background-color 99999s ease-out;
-webkit-transition-delay: 99999s;
-webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}
@media (max-width: 768px) {
.ant-pro-grid-content.wide {
.ant-pro-page-container-children-content {
height: calc(100vh - 144px);
height: calc(100vh - var(--vh-offset, 0px) - 144px);
}
}
.ql-container-wrapper {
&.crontab-wrapper,
&.log-wrapper {
.ant-pro-grid-content.wide .ant-pro-page-container-children-content {
height: calc(100vh - 184px);
height: calc(100vh - var(--vh-offset, 0px) - 184px);
margin-left: 0;
margin-right: 0;
}
.CodeMirror {
height: calc(100vh - 216px);
height: calc(100vh - var(--vh-offset, 0px) - 216px);
width: calc(100vw - 32px);
}
}
.CodeMirror {
height: calc(100vh - 176px);
height: calc(100vh - var(--vh-offset, 0px) - 176px);
}
}
.ant-tooltip {
max-width: 250px !important;
}
}