| | |
| | | :root { |
| | | --scrollbar-thumb-color: rgba(128, 128, 128, .5); |
| | | } |
| | | |
| | | html, |
| | | body, |
| | | #root { |
| | | height: 100%; |
| | | margin: 0; |
| | | padding: 0; |
| | | font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, |
| | | 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', |
| | | 'Noto Color Emoji'; |
| | | } |
| | | |
| | | .colorWeak { |
| | | filter: invert(80%); |
| | | } |
| | | |
| | | .ant-layout { |
| | | min-height: 100vh; |
| | | } |
| | | |
| | | .ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed { |
| | | left: unset; |
| | | } |
| | | |
| | | canvas { |
| | | display: block; |
| | | } |
| | | |
| | | body { |
| | | text-rendering: optimizeLegibility; |
| | | -webkit-font-smoothing: antialiased; |
| | | -moz-osx-font-smoothing: grayscale; |
| | | } |
| | | |
| | | ul, |
| | | ol { |
| | | list-style: none; |
| | | } |
| | | |
| | | ::-webkit-scrollbar { |
| | | width: 6px; |
| | | height: 7px; |
| | | background-color: transparent; |
| | | } |
| | | |
| | | ::-webkit-scrollbar-thumb { |
| | | background-color: var(--scrollbar-thumb-color); |
| | | border-radius: 5px; |
| | | } |
| | | |
| | | ::-webkit-scrollbar-track { |
| | | background-color: transparent; |
| | | border-radius: 5px; |
| | | } |
| | | |
| | | @media (max-width: 768px) { |
| | | .ant-table { |
| | | width: 100%; |
| | | overflow-x: auto; |
| | | |
| | | &-thead>tr, |
| | | &-tbody>tr { |
| | | |
| | | >th, |
| | | >td { |
| | | white-space: pre; |
| | | |
| | | >span { |
| | | display: block; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | } |
| | | |
| | | // ------------------------ |
| | | .header-logo { |
| | | padding-left: 50px; |
| | | padding-right: 60px; |
| | | } |
| | | |
| | | .header-title { |
| | | font-size: xx-large; |
| | | color: #eee; |
| | | } |
| | | |
| | | .ant-pro-form-login-page-logo { |
| | | width: 200px; |
| | | height: 100%; |
| | | margin: 30px 0; |
| | | } |
| | | |
| | | .centered-select .ant-select-selection-item { |
| | | text-align: center; |
| | | :root {
|
| | | --scrollbar-thumb-color: rgba(128, 128, 128, .5);
|
| | | }
|
| | |
|
| | | html,
|
| | | body,
|
| | | #root {
|
| | | height: 100%;
|
| | | margin: 0;
|
| | | padding: 0;
|
| | | font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
|
| | | 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
|
| | | 'Noto Color Emoji';
|
| | | }
|
| | |
|
| | | .colorWeak {
|
| | | filter: invert(80%);
|
| | | }
|
| | |
|
| | | .ant-layout {
|
| | | min-height: 100vh;
|
| | | }
|
| | |
|
| | | .ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
|
| | | left: unset;
|
| | | }
|
| | |
|
| | | canvas {
|
| | | display: block;
|
| | | }
|
| | |
|
| | | body {
|
| | | text-rendering: optimizeLegibility;
|
| | | -webkit-font-smoothing: antialiased;
|
| | | -moz-osx-font-smoothing: grayscale;
|
| | | }
|
| | |
|
| | | ul,
|
| | | ol {
|
| | | list-style: none;
|
| | | }
|
| | |
|
| | | ::-webkit-scrollbar {
|
| | | width: 6px;
|
| | | height: 7px;
|
| | | background-color: transparent;
|
| | | }
|
| | |
|
| | | ::-webkit-scrollbar-thumb {
|
| | | background-color: var(--scrollbar-thumb-color);
|
| | | border-radius: 5px;
|
| | | }
|
| | |
|
| | | ::-webkit-scrollbar-track {
|
| | | background-color: transparent;
|
| | | border-radius: 5px;
|
| | | }
|
| | |
|
| | | @media (max-width: 768px) {
|
| | | .ant-table {
|
| | | width: 100%;
|
| | | overflow-x: auto;
|
| | |
|
| | | &-thead>tr,
|
| | | &-tbody>tr {
|
| | |
|
| | | >th,
|
| | | >td {
|
| | | white-space: pre;
|
| | |
|
| | | >span {
|
| | | display: block;
|
| | | }
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | }
|
| | |
|
| | | // ------------------------
|
| | | .header-logo {
|
| | | padding-left: 50px;
|
| | | padding-right: 60px;
|
| | | }
|
| | |
|
| | | .header-title {
|
| | | font-size: xx-large;
|
| | | color: #eee;
|
| | | }
|
| | |
|
| | | .ant-pro-form-login-page-logo {
|
| | | width: 200px;
|
| | | height: 100%;
|
| | | margin: 30px 0;
|
| | | }
|
| | |
|
| | | .centered-select .ant-select-selection-item {
|
| | | text-align: center;
|
| | | } |