github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-07-17 13:15:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix style

Browse Source
This commit is contained in:
Qiuxia Fan 2022-03-20 11:05:55 +08:00
parent 09dec775d9
commit 1c696e6c2a
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -88,8 +88,8 @@ const { t } = useI18n();
const selectorStore = useSelectorStore(); const selectorStore = useSelectorStore();
const topologyStore = useTopologyStore(); const topologyStore = useTopologyStore();
const dashboardStore = useDashboardStore(); const dashboardStore = useDashboardStore();
const height = ref<number>(document.body.clientHeight - 90); const height = ref<number>(document.body.clientHeight);
const width = ref<number>(document.body.clientWidth - 40); const width = ref<number>(document.body.clientWidth);
const loading = ref<boolean>(false); const loading = ref<boolean>(false);
const simulation = ref<any>(null); const simulation = ref<any>(null);
const svg = ref<Nullable<any>>(null); const svg = ref<Nullable<any>>(null);
@ -410,8 +410,8 @@ function setConfig() {
showSetting.value = !showSetting.value; showSetting.value = !showSetting.value;
} }
function resize() { function resize() {
height.value = document.body.clientHeight - 90; height.value = document.body.clientHeight;
width.value = document.body.clientWidth - 40; width.value = document.body.clientWidth;
svg.value.attr("height", height.value).attr("width", width.value); svg.value.attr("height", height.value).attr("width", width.value);
} }
function updateSettings(config: any) { function updateSettings(config: any) {
@ -476,10 +476,10 @@ onBeforeUnmount(() => {
.setting { .setting {
position: absolute; position: absolute;
top: 70px; top: 80px;
right: 0; right: 10px;
width: 400px; width: 400px;
height: 700px; height: 600px;
background-color: #2b3037; background-color: #2b3037;
overflow: auto; overflow: auto;
padding: 0 15px; padding: 0 15px;