mirror of
https://github.com/tencentmusic/supersonic.git
synced 2025-12-30 22:08:36 +08:00
* [improvement][semantic-fe] Add model alias setting & Add view permission restrictions to the model permission management tab. [improvement][semantic-fe] Add permission control to the action buttons for the main domain; apply high sensitivity filtering to the authorization of metrics/dimensions. [improvement][semantic-fe] Optimize the editing mode in the dimension/metric/datasource components to use the modelId stored in the database for data, instead of relying on the data from the state manager. * [improvement][semantic-fe] Add time granularity setting in the data source configuration. * [improvement][semantic-fe] Dictionary import for dimension values supported in Q&A visibility * [improvement][semantic-fe] Modification of data source creation prompt wording" * [improvement][semantic-fe] metric market experience optimization * [improvement][semantic-fe] enhance the analysis of metric trends * [improvement][semantic-fe] optimize the presentation of metric trend permissions * [improvement][semantic-fe] add metric trend download functionality * [improvement][semantic-fe] fix the dimension initialization issue in metric correlation * [improvement][semantic-fe] Fix the issue of database changes not taking effect when creating based on an SQL data source. * [improvement][semantic-fe] Optimizing pagination logic and some CSS styles * [improvement][semantic-fe] Fixing the API for the indicator list by changing "current" to "pageNum" * [improvement][semantic-fe] Fixing the default value setting for the indicator list * [improvement][semantic-fe] Adding batch operations for indicators/dimensions/models * [improvement][semantic-fe] Replacing the single status update API for indicators/dimensions with a batch update API * [improvement][semantic-fe] Redesigning the indicator homepage to incorporate trend charts and table functionality for indicators * [improvement][semantic-fe] Optimizing the logic for setting dimension values and editing data sources, and adding system settings functionality * [improvement][semantic-fe] Upgrading antd version to 5.x, extracting the batch operation button component, optimizing the interaction for system settings, and expanding the configuration generation types for list-to-select component. * [improvement][semantic-fe] Adding the ability to filter dimensions based on whether they are tags or not. * [improvement][semantic-fe] Adding the ability to edit relationships between models in the canvas.
260 lines
4.1 KiB
Plaintext
260 lines
4.1 KiB
Plaintext
|
|
|
|
:root:root {
|
|
--primary-color: #f87653;
|
|
--blue: #296df3;
|
|
--deep-blue: #446dff;
|
|
--chat-blue: #1b4aef;
|
|
--body-background: #f7fafa;
|
|
--deep-background: #f0f0f0;
|
|
--light-background: #f5f5f5;
|
|
--component-background: #fff;
|
|
--header-color: #edf2f2;
|
|
--text-color: #181a1a;
|
|
--text-color-secondary: #3d4242;
|
|
--text-color-third: #626a6a;
|
|
--text-color-fourth: #889191;
|
|
--text-color-fifth: #afb6b6;
|
|
--text-color-six: #a3a4a6;
|
|
--text-color-fifth-4: hsla(180, 5%, 70%, 0.4);
|
|
--tooltip-max-width: 350px;
|
|
--success-color: #52c41a;
|
|
--processing-color: #ff2442;
|
|
--error-color: #ff4d4f;
|
|
--highlight-color: #ff4d4f;
|
|
}
|
|
|
|
html,
|
|
body,
|
|
#root {
|
|
height: 100%;
|
|
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Microsoft YaHei,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
|
|
-webkit-font-smoothing:antialiased;
|
|
margin: 0;
|
|
}
|
|
|
|
.colorWeak {
|
|
filter: invert(80%);
|
|
}
|
|
|
|
.ant-layout {
|
|
min-height: 100vh;
|
|
}
|
|
|
|
canvas {
|
|
display: block;
|
|
}
|
|
|
|
body {
|
|
text-rendering: optimizeLegibility;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
ul,
|
|
ol {
|
|
list-style: none;
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.ant-table {
|
|
width: 100%;
|
|
overflow-x: auto;
|
|
|
|
&-thead>tr,
|
|
&-tbody>tr {
|
|
|
|
>th,
|
|
>td {
|
|
white-space: pre;
|
|
|
|
>span {
|
|
display: block;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// 兼容IE11
|
|
@media screen and(-ms-high-contrast: active),
|
|
(-ms-high-contrast: none) {
|
|
body .ant-design-pro>.ant-layout {
|
|
min-height: 100vh;
|
|
}
|
|
}
|
|
|
|
.ant-card-body {
|
|
padding: 24px !important;
|
|
}
|
|
|
|
.ant-modal-body {
|
|
padding: 24px;
|
|
}
|
|
|
|
.ant-pro-page-container-children-content {
|
|
margin: 12px 12px 0 !important;
|
|
}
|
|
|
|
.ant-page-header {
|
|
padding-bottom: 10px !important;
|
|
}
|
|
|
|
.ant-spin-spinning {
|
|
display: flex !important;
|
|
align-items: center !important;
|
|
justify-content: center !important;
|
|
}
|
|
|
|
.ant-table-selection-extra {
|
|
.ant-dropdown-trigger {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
.initialLoading {
|
|
.ant-spin-spinning {
|
|
max-height: none !important;
|
|
}
|
|
.loadingPlaceholder {
|
|
height: 100vh;
|
|
}
|
|
}
|
|
|
|
.ant-pro-layout .ant-pro-layout-content {
|
|
padding: 0;
|
|
background-color: #f0f2f5;
|
|
}
|
|
|
|
|
|
.ellipsis {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.ant-pro-top-nav-header-menu {
|
|
padding: 0!important;
|
|
line-height: unset!important;
|
|
}
|
|
|
|
.ant-menu-root>.ant-menu-item,
|
|
.ant-menu-root>.ant-menu-submenu {
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
&>span>a,
|
|
&>a {
|
|
color: white;
|
|
&:hover {
|
|
color: white;
|
|
}
|
|
}
|
|
&:hover {
|
|
background-color: #296DF3!important;
|
|
}
|
|
}
|
|
|
|
.ant-menu-root>.ant-menu-item.ant-menu-item-selected {
|
|
background-color: #296DF3!important;
|
|
color: white;
|
|
}
|
|
|
|
.ant-pro-top-nav-header-logo h1 {
|
|
font-size: 18px;
|
|
}
|
|
|
|
.ant-layout-header {
|
|
background: linear-gradient(to right, #153d8f, #0a276d) !important;
|
|
background-color: rgba(0, 0, 0, 0.2) !important;
|
|
backdrop-filter: blur(10px) !important;
|
|
}
|
|
|
|
|
|
|
|
// .ant-menu-submenu-selected {
|
|
// background-color: #296DF3 !important;
|
|
// }
|
|
|
|
|
|
|
|
// .ant-menu-item:active {
|
|
// background: inherit
|
|
// }
|
|
|
|
|
|
|
|
.ant-pro-top-nav-header-main-left {
|
|
min-width: 100px !important;
|
|
}
|
|
|
|
.ant-pro-top-nav-header-logo {
|
|
min-width: 100px !important;
|
|
}
|
|
|
|
|
|
// .link {
|
|
// color: #296df3;
|
|
// cursor: pointer;
|
|
// }
|
|
|
|
|
|
// .dot {
|
|
// float: right;
|
|
// width: 8px;
|
|
// height: 8px;
|
|
// background: #bfbfbf;
|
|
// border-radius: 100%;
|
|
// }
|
|
|
|
.logo {
|
|
position: relative;
|
|
color: #fff;
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
padding-right: 50px;
|
|
}
|
|
|
|
// .ant-notification-topRight {
|
|
// right: 240px !important;
|
|
// }
|
|
|
|
|
|
.g6ContextMenuContainer {
|
|
font-size: 12px;
|
|
color: #545454;
|
|
min-width: 100px;
|
|
h3 {
|
|
padding-bottom: 5px;
|
|
margin: 0;
|
|
border-bottom: 1px solid #4E86F5;
|
|
}
|
|
li {
|
|
cursor: pointer;
|
|
list-style-type:none;
|
|
line-height: 25px;
|
|
margin-left: 0;
|
|
&:hover {
|
|
color: #4E86F5;
|
|
}
|
|
}
|
|
ul {
|
|
width: 100%;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.ant-tag {
|
|
transition: none;
|
|
}
|
|
}
|
|
|
|
.semantic-graph-toolbar {
|
|
position: absolute;
|
|
width: 190px;
|
|
height: 72px;
|
|
}
|
|
|
|
.g6-component-tooltip {
|
|
p {
|
|
line-height: 25px;
|
|
}
|
|
}
|