github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-05-12 15:52:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: update

Browse Source
This commit is contained in:
Fine 2024-01-07 17:59:52 +08:00
parent 0a1e3e207a
commit 9d01283739
3 changed files with 13 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/styles/theme.scss
View File

@ -15,9 +15,19 @@
* limitations under the License. * limitations under the License.
*/ */
@use "element-plus/theme-chalk/src/dark/css-vars.scss" as *; @use "element-plus/theme-chalk/src/dark/css-vars.scss" as *;
@keyframes topo-dash {
from {
stroke-dashoffset: 10;
}
to {
stroke-dashoffset: 0;
}
}
:root { :root {
--sw-green: #70c877; --sw-green: #70c877;
--sw-orange: #e6a23c; --sw-orange: #e6a23c;
--sw-topo-animation: topo-dash 0.3s linear infinite;
} }
html { html {

11
src/views/dashboard/related/topology/components/Graph.vue
View File

@ -815,7 +815,7 @@ limitations under the License. -->
stroke-width: 1px; stroke-width: 1px;
stroke-dasharray: 10 10; stroke-dasharray: 10 10;
fill: none; fill: none;
animation: topo-dash 0.3s linear infinite; animation: var(--sw-topo-animation);
} }
.topo-line-anchor, .topo-line-anchor,
@ -823,15 +823,6 @@ limitations under the License. -->
cursor: pointer; cursor: pointer;
} }
} }
@keyframes topo-dash {
from {
stroke-dashoffset: 10;
}
to {
stroke-dashoffset: 0;
}
}
.el-loading-spinner { .el-loading-spinner {
top: 30%; top: 30%;

13
src/views/dashboard/related/topology/components/Map.vue
View File

@ -134,7 +134,7 @@ limitations under the License. -->
const popover = ref<Nullable<any>>(null); const popover = ref<Nullable<any>>(null);
const graphWidth = ref<number>(100); const graphWidth = ref<number>(100);
const currentNode = ref<Nullable<Node>>(); const currentNode = ref<Nullable<Node>>();
const diff = computed(() => [(width.value - graphWidth.value - 100) / 2, 0]); const diff = computed(() => [(width.value - graphWidth.value) / 2, 0]);
const radius = 8; const radius = 8;
onMounted(async () => { onMounted(async () => {
@ -576,7 +576,7 @@ limitations under the License. -->
stroke-width: 1px; stroke-width: 1px;
stroke-dasharray: 10 10; stroke-dasharray: 10 10;
fill: none; fill: none;
animation: topo-dash 0.3s linear infinite; animation: var(--sw-topo-animation);
} }
.topo-line-anchor, .topo-line-anchor,
@ -584,15 +584,6 @@ limitations under the License. -->
cursor: pointer; cursor: pointer;
} }
} }
@keyframes topo-dash {
from {
stroke-dashoffset: 10;
}
to {
stroke-dashoffset: 0;
}
}
.el-loading-spinner { .el-loading-spinner {
top: 30%; top: 30%;