373 lines
6.9 KiB
CSS
373 lines
6.9 KiB
CSS
.ant-typography,
|
|
.ant-descriptions-item-label,
|
|
.ant-descriptions-item-content,
|
|
.ant-menu-title-content,
|
|
.ant-tag,
|
|
.ant-checkbox-label,
|
|
.ant-btn,
|
|
.ant-breadcrumb-link,
|
|
.ant-dropdown-menu-title-content,
|
|
.ant-notification-notice-message,
|
|
.ant-notification-notice-description,
|
|
.ant-message-custom-content,
|
|
.ant-modal-title,
|
|
.ant-modal-body,
|
|
.ant-table-column-title,
|
|
.ant-table-cell,
|
|
.ant-alert-message,
|
|
.ant-drawer-title,
|
|
.ant-tooltip-inner,
|
|
.ant-form-item-control-input-content,
|
|
.ant-form-item-control-input,
|
|
.ant-input,
|
|
.ant-input-number .ant-input-number-input,
|
|
.ant-segmented-item-label,
|
|
.ant-badge-status-text,
|
|
.ant-tree-title,
|
|
.ant-select {
|
|
font-family: 'DM Sans';
|
|
}
|
|
|
|
.ant-typography code,
|
|
.ant-typography pre {
|
|
font-family: 'DM Mono';
|
|
}
|
|
|
|
.ant-typography .id-text {
|
|
font-family: 'DM Mono';
|
|
font-size: 11.9px;
|
|
vertical-align: top !important;
|
|
}
|
|
|
|
.ant-typography-ellipsis-single-line {
|
|
vertical-align: middle !important;
|
|
}
|
|
|
|
.ant-typography-ellipsis-single-line > code {
|
|
vertical-align: top !important;
|
|
}
|
|
|
|
.flag {
|
|
line-height: 0.7;
|
|
}
|
|
|
|
.electron-navigation-wrapper {
|
|
-webkit-app-region: drag;
|
|
}
|
|
|
|
.electron-navigation-wrapper li,
|
|
.electron-navigation-wrapper button,
|
|
.electron-navigation-wrapper .ant-tag {
|
|
-webkit-app-region: no-drag;
|
|
}
|
|
|
|
.electron-navigation {
|
|
line-height: 40px;
|
|
}
|
|
|
|
.electron-navigation .ant-menu-overflow-item-rest {
|
|
padding-inline: 10px;
|
|
}
|
|
|
|
.electron-sidebar .ant-menu-item,
|
|
.electron-sidebar .ant-menu-submenu-title {
|
|
height: 32.5px !important;
|
|
line-height: 32.5px !important;
|
|
}
|
|
|
|
.electron-sider.ant-layout-sider-collapsed {
|
|
max-width: 55px !important;
|
|
min-width: 55px !important;
|
|
}
|
|
|
|
.loading-modal .ant-modal-footer {
|
|
display: none;
|
|
}
|
|
|
|
:root {
|
|
--unit-100vh: 100vh;
|
|
}
|
|
@supports (height: 100dvh) {
|
|
:root {
|
|
--unit-100vh: 100dvh;
|
|
}
|
|
}
|
|
|
|
.dashboard-cards-header .ant-table-tbody {
|
|
display: none;
|
|
}
|
|
|
|
.ant-menu-overflow-item-rest::after {
|
|
border-bottom: none !important;
|
|
}
|
|
|
|
.ant-menu-overflow-item > div:hover {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
code {
|
|
margin: 0;
|
|
}
|
|
|
|
.App {
|
|
text-align: center;
|
|
}
|
|
|
|
.App-logo {
|
|
height: 40vmin;
|
|
pointer-events: none;
|
|
}
|
|
|
|
@media (prefers-reduced-motion: no-preference) {
|
|
.App-logo {
|
|
animation: App-logo-spin infinite 20s linear;
|
|
}
|
|
}
|
|
|
|
.App-header {
|
|
background-color: #be871a;
|
|
min-height: 100vh;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: calc(10px + 2vmin);
|
|
color: white;
|
|
}
|
|
|
|
.App-link {
|
|
color: #61dafb;
|
|
}
|
|
|
|
@keyframes App-logo-spin {
|
|
from {
|
|
transform: rotate(0deg);
|
|
}
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
.markdown-display > .ant-space-item *:first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.markdown-display > .ant-space-item *:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.markdown-display > .ant-space-item h1,
|
|
.markdown-display > .ant-space-item h2,
|
|
.markdown-display > .ant-space-item h3,
|
|
.markdown-display > .ant-space-item h4,
|
|
.markdown-display > .ant-space-item h5,
|
|
.markdown-display > .ant-space-item h6 {
|
|
margin-bottom: 0.15em;
|
|
}
|
|
|
|
.iddisplay .ant-popover-inner {
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.ant-popover-inner:has(.spotlight-tooltip) {
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.ant-popover-inner:has(.keyboard-shortcut-tooltip) {
|
|
padding: 8px !important;
|
|
}
|
|
|
|
/* --- Start of src/index.css --- */
|
|
body {
|
|
margin: 0;
|
|
}
|
|
|
|
.ant-modal-mask {
|
|
backdrop-filter: blur(3px);
|
|
}
|
|
|
|
.ant-spin-blur {
|
|
filter: blur(3px);
|
|
}
|
|
/* --- End of src/index.css --- */
|
|
|
|
/* --- Start of src/components/Dashboard/Layout.css --- */
|
|
.no-padding-collapse .ant-collapse-header {
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.no-padding-collapse .ant-collapse-content-box {
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.no-h-padding-collapse .ant-collapse-header {
|
|
padding-top: 0 !important;
|
|
padding-left: 0 !important;
|
|
padding-right: 0 !important;
|
|
padding-bottom: 4px !important;
|
|
}
|
|
|
|
.no-h-padding-collapse .ant-collapse-content-box {
|
|
padding-left: 0 !important;
|
|
padding-right: 0 !important;
|
|
padding-bottom: 0 !important;
|
|
}
|
|
|
|
.no-padding-collapse .ant-collapse-item,
|
|
.no-v-padding-collapse .ant-collapse-item {
|
|
border: none !important;
|
|
}
|
|
/* --- End of src/components/Dashboard/Layout.css --- */
|
|
|
|
/* --- Start of src/components/Dashboard/common/DashboardSidebar.css --- */
|
|
.ant-layout-sider {
|
|
width: 250px; /* Adjust the width as per your preference */
|
|
min-width: 250px; /* Ensure a minimum width to avoid collapsing */
|
|
max-width: 400px; /* Optionally set a maximum width */
|
|
}
|
|
/* --- End of src/components/Dashboard/common/DashboardSidebar.css --- */
|
|
|
|
.objectTableDescritions > .ant-descriptions-view > table {
|
|
table-layout: fixed !important;
|
|
}
|
|
|
|
.objectTableDescritions
|
|
> .ant-descriptions-view
|
|
.ant-descriptions-row
|
|
> .ant-descriptions-item-label {
|
|
width: 35%;
|
|
}
|
|
|
|
.farmcontrol-splitter > .ant-splitter-bar {
|
|
margin: 8px;
|
|
}
|
|
|
|
.dark-mode {
|
|
--sb-track-color: #1d1d1d;
|
|
--sb-thumb-color: #848484;
|
|
--sb-size: 8px;
|
|
}
|
|
|
|
.light-mode {
|
|
--sb-thumb-color: #87878718;
|
|
--sb-size: 8px;
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
width: 8px;
|
|
}
|
|
|
|
::-webkit-scrollbar:vertical {
|
|
width: 8px;
|
|
}
|
|
|
|
::-webkit-scrollbar:horizontal {
|
|
height: 8px;
|
|
}
|
|
|
|
/* Track */
|
|
::-webkit-scrollbar-track {
|
|
background: transparent;
|
|
}
|
|
|
|
/* Handle */
|
|
::-webkit-scrollbar-thumb {
|
|
background: #8888881a;
|
|
border: 2px solid rgba(0, 0, 0, 0);
|
|
background-clip: padding-box;
|
|
transition: all 1s;
|
|
-moz-transition: all 1s;
|
|
-webkit-transition: all 1s;
|
|
}
|
|
|
|
::-webkit-scrollbar-corner {
|
|
background: #00000000; /* The scroll corner color */
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:vertical {
|
|
border-left: none;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:horizontal {
|
|
border-top: none;
|
|
}
|
|
|
|
/* Handle on hover */
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: #5555551f;
|
|
border: 2px solid rgba(0, 0, 0, 0);
|
|
background-clip: padding-box;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:vertical:hover {
|
|
border-left: none;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:horizontal:hover {
|
|
border-top: none;
|
|
}
|
|
|
|
.ant-table-body {
|
|
scrollbar-color: auto;
|
|
}
|
|
|
|
.ant-select-selection-item .ant-tag {
|
|
margin-left: 1px !important;
|
|
}
|
|
|
|
.ant-badge.ant-badge-status {
|
|
line-height: 18.5px;
|
|
}
|
|
|
|
.simplebar-track.simplebar-vertical {
|
|
right: -16px;
|
|
width: 8px !important;
|
|
}
|
|
|
|
.simplebar-scrollbar:before {
|
|
background: #78787854 !important;
|
|
}
|
|
|
|
.printer-alerts-display-popover .ant-popover-inner {
|
|
padding: 0 !important;
|
|
margin: 0 24px !important;
|
|
}
|
|
|
|
.child-table-rollups *::-webkit-scrollbar:horizontal {
|
|
height: 0px;
|
|
}
|
|
|
|
.rollup-table .ant-table-container {
|
|
border-start-start-radius: 0px !important;
|
|
border-start-end-radius: 0px !important;
|
|
}
|
|
|
|
.rollup-table .ant-table {
|
|
border-radius: 0px !important;
|
|
}
|
|
|
|
.ant-select-selection-item .ant-tag,
|
|
.ant-select-tree-title .object-display-tag {
|
|
background: transparent !important;
|
|
padding: 0;
|
|
margin-right: 1px !important;
|
|
padding-top: 3px;
|
|
}
|
|
|
|
.ant-select-outlined.ant-select-multiple
|
|
.ant-select-selection-item
|
|
.object-display-tag {
|
|
padding-top: 0px;
|
|
}
|
|
|
|
.ant-select-outlined.ant-select-multiple
|
|
.ant-select-selection-item
|
|
.object-display-tag
|
|
.ant-flex {
|
|
margin-top: -0.75px;
|
|
}
|
|
|
|
.object-info-descriptions table {
|
|
table-layout: fixed !important;
|
|
}
|